jQuery Super Notice
Generator
Click me to visualise your notification
This code can be called from anywhere in your JS code. jQuery must be loaded :
$("document").ready(function(){ ... });
$("body").superNotice("Hello World !");
Content & Icons
Theme
Effects
Options
Buttons
Theme
CSS Theme :
Aquatic
Black
Default
Gray
Green
Ice
Pink
Old Office
Orange
Red
Yellow
Demo background color :
#ffffff
#ffccc9
#ffce93
#fffc9e
#ffffc7
#9aff99
#96fffb
#cdffff
#cbcefb
#cfcfcf
#fd6864
#fe996b
#fffe65
#fcff2f
#67fd9a
#38fff8
#68fdff
#9698ed
#c0c0c0
#fe0000
#f8a102
#ffcc67
#f8ff00
#34ff34
#68cbd0
#34cdf9
#6665cd
#9b9b9b
#cb0000
#f56b00
#ffcb2f
#ffc702
#32cb00
#00d2cb
#3166ff
#6434fc
#656565
#9a0000
#ce6301
#cd9934
#999903
#009901
#329a9d
#3531ff
#6200c9
#343434
#680100
#963400
#986536
#646809
#036400
#34696d
#00009b
#303498
#000000
#330001
#643403
#663234
#343300
#013300
#003532
#010066
#340096
(affect only this page, not the generated notice)
Content & icons
Title text :
Title Icon :
Content html :
Hello World !
Icon :
Options
Auto close :
Autoclose delay :
ms
Close method :
Button
On click
Position :
Top Left
Top Right
Bottom Left
Bottom Right
Width :
(number in px, or "auto")
ID :
(only one notification in the same time if filled)
Buttons
Buttons align :
Center
Left
Right
Label :
Icon :
Url (href) :
(leave empty if you use the onclick function)
Target :
_blank
_parent
_self
_top
On click function :
(leave empty if you use an url)
Add this button
Buttons list :
label
icon
href
target
on click
Effects
Show effect :
Blind
Clip
Drop
Explode
Fade
Fold
Puff
Slide
Scale
Show ease :
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
Hide effect :
Blind
Clip
Drop
Explode
Fade
Fold
Puff
Slide
Scale
Hide ease :
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
Speed :
ms
(number in ms)