DemojQuery A+ (Aplus). Unobtrusive jquery script to enhance 'A' tag. Support blank, confirm, dialog, win, parent, frame and other class values. Maintain compatibility with HTML standards.
シンプルãªãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ - ã‹ã¡ã³ã¨.net
Result jQuery //クリックイベント $("#showoverlay").click(function() { //オーãƒãƒ¼ãƒ¬ã‚¤ç”¨ã®ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆ $("body").append("<div id='overlay'></div>"); //フェードエフェクト $("#overlay").fadeTo(500, 0.7); $("#modalbox").fadeIn(500); }); //é–‰ã˜ã‚‹éš›ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆ $("#close").click(function() { $("#modalbox, #overlay").fadeOut(500, function() { $("#overlay").remove(); }); }); $(window).resize(function() { //ボックスサイズ $("#modalbox").css({ top: ($
Nifty Modal Window Effects
This is a modal window. You can do the following things with it: Read: modal windows will probably tell you something important so don't forget to read what they say. Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence. Close: click on the button below to close the modal. Close me! This is a modal window. You can do the following things with it: Rea
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Fullscreen Overlay Styles & Effects | Demo 1
{{#tags}}- {{label}}
{{/tags}}