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

jQuery图片分离左右滑动切换宽屏焦点图

时间:2014-04-17      来源:互联网     
特效说明:
一jQuery图片分离左右滑动切换宽屏焦点图网页特效,带左右按钮,时尚宽屏流行焦点图特效,兼容低版本IE6浏览器。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<script type="text/javascript">
$(function(){
    var $window = $(window),window_width = $window.width();
    $('#js_banner, #js_banner_img li').width(window_width);
    new $.Tab({
        target: $('#js_banner_img li'),
        effect: 'slide3d',
        animateTime: 1000,
        stay: 3500,
        autoPlay: true,
        merge: true,
        prevBtn: $('#js_banner_pre'),
        nextBtn: $('#js_banner_next')
    });
});
</script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • HTML5科幻空间动画背景网页特效

    HTML5科幻空间动画背景网页特效

    一款HTML5科幻空间动画背景网页特效免费下载,该网页特效适用于游戏、科技类网站制作、网页设计背景代码素材。……
    2019-04-12
  • jQuery闪烁粒子动画背景特效

    jQuery闪烁粒子动画背景特效

    一款jQuery闪烁粒子动画背景特效免费下载,该特效基于jquery.parallax.js插件编写,闪烁星空动画背景,页面元素随鼠标运动而运动。……
    2016-12-23
  • jQuery手指滑动刻度尺选择值特效

    jQuery手指滑动刻度尺选择值特效

    一款jQuery手指滑动刻度尺选择值特效免费下载,该特效适用于微信网站、手机站等移动端触屏设备使用,可以用手指左右滑动选择刻度值。……
    2016-12-01
  • SVG制作旋转地图动画

    SVG制作旋转地图动画

    一款SVG制作旋转地图动画免费下载,该SVG地球特效自适应兼容主流浏览器。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery+CSS3登录/注册动画窗口网页特效

    jQuery+CSS3登录/注册动画窗口网页特效

    一款jQuery+CSS3登录/注册动画窗口特效代码下载,该网页特效是一款采用UI界面设计风格,配合使用CSS3动画和少量jQuery代码来制作,整体感觉时尚大方。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • HTML5网站开场动画网页特效

    HTML5网站开场动画网页特效

    一款HTML5网站开场动画网页特效免费下载,该特效基于HTML5+CSS3制作,利用background背景位置移动实现动画效果。……
    2016-06-24
  • CSS3绘制QQ小萌鹅动画图标

    CSS3绘制QQ小萌鹅动画图标

    一款CSS3绘制QQ小萌鹅动画图标下载,该CSS特效代码是画面上的企鹅可呈现出双手上下摆动的效果,HTML5+CSS3动画学习案例。……
    2016-05-22
  • jQuery鼠标拖动滑块选择价格网页特效

    jQuery鼠标拖动滑块选择价格网页特效

    一款jQuery鼠标拖动滑块选择价格网页特效下载,该JS代码素材是一款基于jQuery+CSS3实现的鼠标拖动滑块显示商品价格代码。……
    2016-05-22

最新更新特效

设计分享