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

jQuery自适应宽屏左右滑动焦点图代码

时间:2015-08-03      来源:互联网     
特效说明:
一款jQuery自适应宽屏左右滑动焦点图代下载,该JS代码是酷我音乐首页jQuery焦点图代码,带左右箭头按钮,自适应宽屏左右平滑自动轮播切换的网站焦点图特效。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/index0521.css">

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/if.Common.Banner.js"></script>
<script type="text/javascript" src="js/index.js"></script>

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

4、JS代码:
<script type="text/javascript">
jQuery(function(){
    var len = jQuery(".heros li").length;
    jQuery(".heros li").each(function(index, element) {
        len--;
        jQuery(this).css("z-index", len);
    });
    jQuery(".hero").mousemove(function(){
        jQuery(".mask-left, .mask-right").show();
    });
    jQuery("#main").mouseleave(function(){
        jQuery(".mask-left, .mask-right").hide();
    });
})
</script>
相关特效
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

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

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • SuperSlide带左右按钮循环自动滑动焦点图

    SuperSlide带左右按钮循环自动滑动焦点图

    一款SuperSlide带左右按钮循环自动滑动焦点图网页特效,带左右按钮,自动轮播及点击按钮切换焦点图,目前使用最频繁最简单JS焦点图代码。……
    2015-12-14
  • jQuery带视频播器放功能焦点图轮播特效

    jQuery带视频播器放功能焦点图轮播特效

    一款jQuery带视频播器放功能焦点图轮播特效下载,jquery+flash交互式媒体播放器是一款带左右按钮、索引按钮焦点图片点击jwplayer网页视频播放代码下载。……
    2015-08-20
  • jQuery左右按钮控制图片切换焦点图

    jQuery左右按钮控制图片切换焦点图

    一款jQuery左右按钮控制图片切换焦点图特效代码,该JS代码是一款带左右箭头按钮、索引按钮、自动轮播左右平滑切换的主流jQuery幻灯片特效。……
    2015-08-03
  • jQuery带表单提交响应式全屏焦点图代码

    jQuery带表单提交响应式全屏焦点图代码

    一款jQuery带表单提交响应式全屏焦点图代码免费下载,该JS焦点图代码带索引按钮、左右按钮,适合证券公司、企业网站建设等需要表单功能的响应式全屏且自动轮播幻灯片代码。……
    2015-08-03
  • jQuery学员列表左右滑动切换特效

    jQuery学员列表左右滑动切换特效

    一款jQuery学员列表左右滑动切换网页特效免费下载,带左右按钮学员列表UI设计效果、适用于学校、培训机构网页专题设计排版。……
    2015-07-26
  • jQuery图片淡入淡出自动切换焦点图

    jQuery图片淡入淡出自动切换焦点图

    一款jQuery图片淡入淡出自动切换焦点图特效免费下载,该JS特效代码基于jQuery编写,当鼠标放到图片区域时,停止自动切换, 鼠标移开,自动切换焦点图代码。……
    2015-05-07
  • 百度应用网站jQuery左右按钮焦点图

    百度应用网站jQuery左右按钮焦点图

    一款百度应用网站jQuery左右按钮焦点图网页特效,该JS特效代码是一款百度应用官方网站的jQuery焦点图代码,带左右按钮、鼠标滑过显示文字内容,自动轮播及点击左右按钮平滑滚动切换……
    2015-03-18
  • jQuery响应式自适应宽屏焦点图特效

    jQuery响应式自适应宽屏焦点图特效

    一款jQuery响应式自适应宽屏焦点图特效,该JS特效代码是一款mobilyslider.js插件实现覆盖滚动切换图片效果的焦点图,带左右按钮和索引小按钮,自动播放,点击左右按钮轮播,鼠标划过停……
    2015-03-18
  • 两组CSS3动画切换图片特效代码

    两组CSS3动画切换图片特效代码

    两组CSS3动画切换图片特效代码免费下载,该特效代码包含两款不同动画切换效果,带左右按钮,第一款为上下动画切换效果,第二款为左右动画切换效果。……
    2015-03-16



最新更新特效

设计分享