jQueryã¨CSSã§é©šãã®ãƒšãƒ¼ã‚¸ã‚ãり効果を作るサンプル:phpspot開発日誌Simple Page Peel Effect with jQuery & CSS jQueryã¨CSSã§é©šãã®ãƒšãƒ¼ã‚¸ã‚ãり効果を作るサンプル。 利用者ã«å¯¾ã—ã¦é©šãを与ãˆã‚‹ã ã‘ã§ãªãã€ã‚¹ãƒšãƒ¼ã‚¹ã‚‚有効ã«ä½¿ãˆã‚‹ä¾¿åˆ©ãªã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 綺麗ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã™ã‚‹ã‚‚ã€Flashã¯ä½¿ã£ã¦ãŠã‚‰ãšã€jQueryã¨CSSã§è¡¨ç¾ã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ãŒå‡„ãã¦ãã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã‚‚注目。 以下ã®ã‚ˆã†ãªï¼µï¼©ãŒã‚ã‚Šã¾ã™ã€‚ å³ä¸Šã®ã‚ãã£ãŸã¨ã“ã‚ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒšãƒãƒ¼ãƒ³ã¨ãƒšãƒ¼ã‚¸ãŒã‚ãられã€å°‘ãªã„スペースã ã£ãŸã®ã«æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 該当ã®ã‚³ãƒ¼ãƒ‰ã§ã™ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã€jQueryã®animateã«ã‚ˆã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ $("#pageflip").hover(function() { //On hover... $("#pageflip img , .msg_block").stop() .animat
{{#tags}}- {{label}}
{{/tags}}