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

jQuery制作旋转重叠切换图片特效

时间:2015-03-10      来源:互联网     
特效说明:
一款jQuery制作旋转重叠切换图片特效,该JS特效是三个层图片重叠动画,鼠标点击任何一个圆可进行旋转滑动切换,效果唯美、柔和。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

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

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

4、初始化JS代码设置:
<script type="text/javascript">
  $(document).ready(function() {
    $("#carousel").featureCarousel({
        autoPlay:7000,
        trackerIndividual:false,
        trackerSummation:false,
        topPadding:50,
        smallFeatureWidth:.9,
        smallFeatureHeight:.9,
        sidePadding:0,
        smallFeatureOffset:0
    });
  });
</script>
相关特效
  • jQuery和CSS3超酷3D多层图片视觉差互动特效

    jQuery和CSS3超酷3D多层图片视觉差互动特效

    一款jQuery和CSS3超酷3D多层图片视觉差互动特效下载,该JS图片特效通过CSS3属性preserve-3d以及获取屏幕宽度、高度、当前鼠标坐标实现的视觉差3D特效。……
    2016-07-22
  • CSS3 animate制作纸牌翻转效果

    CSS3 animate制作纸牌翻转效果

    一款CSS3 animate制作纸牌翻转效果网页特效,该特效通过点击图片实现2张图片动画旋转切换。……
    2016-06-12
  • HTML5+CSS3图片3D立体旋转切换轮播

    HTML5+CSS3图片3D立体旋转切换轮播

    一款HTML5+CSS3图片3D立体旋转切换轮播免费下载,该图片图特效支持自动轮播、点击左右按钮切换图片设置。HTML5网页制作酷炫特效。……
    2016-05-29
  • 轻量级CSS3立体式3D旋转动画效果

    轻量级CSS3立体式3D旋转动画效果

    一款轻量级CSS3立体式3D旋转动画效果下载,非常简洁好看的纯CSS3旋转效果,当鼠标移动到图片上后,会立体式翻转显示隐藏的文字内容 鼠标移走后旋转返回初始状态。……
    2016-05-22
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jQuery九宫格图片拉伸变大图文相册特效

    jQuery九宫格图片拉伸变大图文相册特效

    一款jQuery九宫格图片拉伸变大图文相册特效下载,该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……
    2016-05-22
  • jQuery可伸展网格列表布局特效

    jQuery可伸展网格列表布局特效

    一款jQuery可伸展网格列表布局特效下载,该JS特效基于Bootstrap实现的类似谷歌图片画廊的扩展效果。……
    2016-05-22
  • jQuery视频播放弹幕评论代码特效

    jQuery视频播放弹幕评论代码特效

    一款jQuery视频播放弹幕评论代码网页特效,爱奇艺播放器弹幕效果,迅雷播放器弹幕特效代码。……
    2016-05-22
  • 纯CSS3实现西洋镜动画且360度旋转特效

    纯CSS3实现西洋镜动画且360度旋转特效

    一款纯CSS3实现西洋镜动画且360度旋转特效下载,该CSS3特效是一款使用CSS3的帧动画和3D transforms来制作的,在animation动画的animation-timing-function参数使用steps来处理,制作的图片连续动画效果。……
    2016-05-22
  • jQuery微信侧边栏扫一扫网页特效

    jQuery微信侧边栏扫一扫网页特效

    一款jQuery微信侧边栏扫一扫网页特效下载,jQuery微信扫描关注动画网页特效是一款基于jquery+css3实现的带微信二维码及返回顶部代码特效。……
    2015-12-06


最新更新特效

设计分享

web前端视频教程