- 折角广告代码,或许你已经看到过了,现在一些门户网站还可看到这种效果的身影,用鼠标拖着折角的边,往下拉,就可把折角拖下来,你觉得怎么样了?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery页面顶部折角图片撕开效果|石家庄非标门|石家庄玻璃隔断</title>
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
<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>
<style type="text/css">
*{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 */
#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(/jscss/demoimg/201405/subscribe.png) no-repeat right top;overflow:hidden;width:50px;position:absolute;top:0px;height:50px}
</style>
</head>
<body>
<div id="pageflip">
<a href="/" target="_blank"><img width="307" height="319" alt="sc.chinaz.com" src="/jscss/demoimg/201405/page_flip.png"></a>
<div class="msg_block"></div>
</div>
<div style="text-align:center;clear:both;">
</div>
</body>
</html>
相关推荐
一款带有开灯关灯开关按钮的css3+js折角邮票图片墙展示代码,鼠标移至哪张图片,哪张图片就显示到最顶层。
js+css3折角邮票图片墙展示代码.zip
这是一款有趣的css3折角分页样式代码。该css3折角分页样式代码在鼠标经过时,分页项的左上角会像纸张一样弯曲折角,效果十分好看。
CSS3折角分页样式代码,红色分页样式代码,鼠标经过分页数字,折角效果。
js css3折角邮票图片墙展示代码是一款带有开关按钮的折角邮票特效。
常用的一个css3折角box
这是数字折角贴纸矢量素材,该资料为eps可用sp打开,并进行编辑
在屏幕右上角有像纸被卷起来的效果一样的代码 在后面显示广告效果不错
基于js+css3制作的一款非常有创意的全屏折角导航菜单和右下角悬浮分享按钮特效,点击汉堡菜单全屏折角显示导航栏。
可关闭的Flash右上角折角广告代码,鼠标点击一下会卷上去,再点击会向下展开,目前一些门户网站像新浪、网易仍在用的一种广告形式,这种广告效果要比弹窗、铺屏的体验好一些,用户可以有选择性的查看内容。
js+css3折角邮票图片墙展示代码是一款带有开关按钮的折角邮票特效。
随着CSS3+HTML5的发展,现在对它们的需求也越来越大,我这里是纯css3实现的折角效果,希望能帮到大家
js+css3实现的折角邮票图片墙特效源码.zip
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
js css3折角邮票图片墙特效
纯css3实现的折角效果 纯css3实现的折角效果网页特效.zip
主要为大家介绍了利用CSS3实现折角的效果,当鼠标移动到图片上的时候就会出现折角的效果,文中给出了实例代码更方便大家的理解和学习,下面大家来一起学习学习吧。
这是一款基于js+css3实现的折角邮票图片墙特效源码。鼠标滑过邮票图片可呈现出图片浮动并折角显示效果,同时右上角有开关按钮可控制背景色的明暗显示效果。建议使用支持css3与HTML5效果较好的火狐或谷歌等浏览器预览...
本文实例讲述了jquery实现可折角的广告代码。分享给大家供大家参考。具体如下: 这是一款可折角的广告代码,或许你已经看到过了,现在一些门户网站还可看到这种效果的身影,用鼠标滑过折角的边,即可出现下拉效果。 ...