添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 漂浮 | 广告 >

jQuery+css带阴影的撕页广告效果

时间:2014-11-19      来源:互联网     
特效说明:
一款jQuery+css带阴影的撕页广告效果网页特效,这种效果常被应用在网页广告中,不影响网页内容,而且用户关注度高,网站上很多叫做撕页广告或者翻页广告,也可以叫书角广告。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link href="css/styles.css" type=text/css rel=stylesheet>

2、调用JS插件代码:
<script src="js/jquery-latest.js" type="text/javascript"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、应用代码:
$(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);
    });
});
相关特效
  • CSS3鼠标经过图片3D翻转动画特效

    CSS3鼠标经过图片3D翻转动画特效

    一款CSS3鼠标经过图片3D翻转动画特效下载,该CSS3网页特效是一款通过Bootstrap网格系统来布局,通过简单的CSS3代码,在鼠标滑过图片时对图片进行3D翻转,效果非常酷。……
    2016-07-22
  • jQuery判断鼠标划入图片方向显示遮罩层特效

    jQuery判断鼠标划入图片方向显示遮罩层特效

    一款jQuery判断鼠标划入图片方向显示遮罩层特效代码下载,该图片特效是一款鼠标从哪个方向移到图片上遮罩就从哪里出现JS代码。……
    2016-07-22
  • jQuery鼠标滑过图片3D透视代码

    jQuery鼠标滑过图片3D透视代码

    一款jQuery鼠标滑过图片3D透视代码下载,该特效基于3d.js制作,鼠标滑过图片或其它元素时,图片透视3D旋转查看并为它添加3D节点效果。……
    2016-07-08
  • CSS3鼠标滑过动画线条运动效果

    CSS3鼠标滑过动画线条运动效果

    一款CSS3鼠标滑过动画线条运动效果免费下载,该CSS3特效基于CSS属性animation动画制作,效果流畅弹性十足。……
    2016-06-28
  • 8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果下载,该图文特效基于纯CSS3编写,鼠标悬停图片以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。……
    2016-06-28
  • jQuery炫酷鼠标滑过图片显示遮罩层特效

    jQuery炫酷鼠标滑过图片显示遮罩层特效

    一款jQuery炫酷鼠标滑过图片显示遮罩层特效免费下载,该jQuery+CSS3图片特效代码是鼠标滑过/悬停图片显示遮罩炫酷动画特效代码。……
    2016-06-28
  • 44款CSS3鼠标滑过图片显示文字动画库

    44款CSS3鼠标滑过图片显示文字动画库

    44款CSS3鼠标滑过图片显示文字动画库源码下载,该网页特效是鼠标滑过图片通过反转、旋转、渐变、变形等动画显示文字特效。HTML5网站建设必备网页特效。……
    2016-06-25
  • CSS3鼠标滑过动画背景按钮特效

    CSS3鼠标滑过动画背景按钮特效

    一款CSS3鼠标滑过动画背景按钮特效下载,CSS3特效是一款当鼠标滑过按钮时,使用CSS3 animation来制作动画background-size和background-position属性,实现CSS3各种背景动画效果。……
    2016-05-22
  • jQuery鼠标滑过图片遮罩动画sliphover.js插件

    jQuery鼠标滑过图片遮罩动画sliphover.js插件

    一款jQuery鼠标滑过图片遮罩显示特效下载,该jquery.sliphover.min.js插件是遮罩层随鼠标移动方向动画显示内容特效代码。……
    2016-05-22
  • jQuery过滤器插件fastLiveFilter

    jQuery过滤器插件fastLiveFilter

    一款jQuery过滤器插件fastLiveFilter免费代码素材,fastLiveFilter这是jQuery过滤器插件,超轻量级(大小只有2K),用法简单执行效率高。……
    2016-05-22

最新更新特效

设计分享