本文实例讲述了jquery实现可折角的广告代码。分享给大家供大家参考。具体如下:
这是一款可折角的广告代码,或许你已经看到过了,现在一些门户网站还可看到这种效果的身影,用鼠标滑过折角的边,即可出现下拉效果。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-css-zd-adv-stylee-codes/
具体代码如下:
jQuery页面顶部折角图片撕开效果 *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} img{behavior:url(iepngfix.htc)} #pageflip{right:0px;float:right;position:relative;top:0px} #pageflip img{z-index:99;right:0px;width:50px;position:absolute;top:0px;height:52px;ms-interpolation-mode:bicubic} #pageflip .msg_block{right:0px;background:url(images/subscribe.png) no-repeat right top;overflow:hidden;width:50px;position:absolute;top:0px;height:50px}
希望本文所述对大家的jquery程序设计有所帮助。



