jQuery宽屏大图片轮播插件

jQuery宽屏大图片轮播插件

分享一个大图尺寸百分之百的焦点图轮播插件,你可以通过左右按钮控制前进还是后退。

淘建站为您提供更多_图片代码_图片轮播_幻灯片_焦点轮播,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 370 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

首先放置几张大图,和前后控制按钮

<div id="Big_Slide_box">
    <div id="Big_Slide">
        <ul>
            <li style=" background:#E81216;" id="Big_Slide_0"><a href="http://www.sucaiq.com/js/421.html"><img src="images/banner03.jpg"></a></li>
            <li style=" background:#000000;" id="Big_Slide_1"><a href="http://www.sucaiq.com/js/452.html"><img src="images/banner02.jpg"></a></li>
            <li style=" background:#4144D7;" id="Big_Slide_2"><a href="http://www.sucaiq.com/js/368.html"><img src="images/banner01.jpg"></a></li>
        </ul>
        <a id="Big_Slide_Last"></a>
        <a id="Big_Slide_Next"></a>
        <div id="Big_Slide_Tab"></div>
        <div id="prevL" class="prev" ></div>
        <div id="prevR" class="prev" ></div>
    </div>
</div>

jQuery

定义图片按钮id

$("#Big_Slide_Next").click(Slide_Next);//下一张按钮
$("#Big_Slide_Last").click(Slide_Last);//上一张按钮
$("#Big_Slide_box").mouseenter(function() {
    clearInterval(Slide_Run)
});//鼠标在幻灯片上,停止滚动
$("#Big_Slide_box").mouseleave(function() {
    Slide_Run = setInterval(Slide_Next, Big_Slide_Speed)
})

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/458.html
jQuery宽屏大图片轮播插件 希望对你有帮助,感谢您的支持!
  • jQuery仿百度经验的图文幻灯片预览效果

    jQuery仿百度经验的图文幻灯片预览效果

  • jquery图标菜单点击宽屏幻灯片轮播切换插件

    jquery图标菜单点击宽屏幻灯片轮播切换插件

  • jQuery网站宽屏banner幻灯片切换代码

    jQuery网站宽屏banner幻灯片切换代码

  • jquery左右按钮控制带缩略图片幻灯片切换

    jquery左右按钮控制带缩略图片幻灯片切换

  • jquery cycle 幻灯片插件支持多种图片切换效果

    jquery cycle 幻灯片插件支持多种图片切换效果

  • jquery幻灯片图片轮播带进度条幻灯片图片切换

    jquery幻灯片图片轮播带进度条幻灯片图片切换

  • jquery进度条幻灯片代码

    jquery进度条幻灯片代码

  • jQuery仿新浪游戏图片幻灯片切换代码

    jQuery仿新浪游戏图片幻灯片切换代码

  • js宽屏图片视差滑块幻灯片切换特效

    js宽屏图片视差滑块幻灯片切换特效

  • JQuery宽屏电影大图幻灯片轮播切换代码

    JQuery宽屏电影大图幻灯片轮播切换代码

  • 海贼王悬赏令幻灯片

    海贼王悬赏令幻灯片

  • jquery宽屏的幻灯片动画切换代码

    jquery宽屏的幻灯片动画切换代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2