插件描述：jquery animate制作页面顶部折角广告图片撕开动画效果
实现代码
html
1 2 3 4 5 | <div id="pageflip"> <img width="307" height="319" alt="www.jq22.com" src="images/page_flip.png"></a> <div class="msg_block"></div></div> |
js
1 2 3 4 5 6 7 8 9 10 11 12 | <script type="text/javascript"> $(document).ready(function(){ $("#pageflip").hover(function(){ $("#pageflip img , .msg_block").stop().animate({width: '307px', height: '319px'}, 500); },function(){ $("#pageflip img").stop().animate({width: '50px', height: '52px'}, 220); $(".msg_block").stop().animate({width: '50px', height: '50px'}, 200); });});</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery颜色选取器插件COLPICK
- 下一个特效： 自定义实时搜索jQuery 插件HideSeek