伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:媒体-幻灯片和轮播图
 26007  39  查看评论 (7)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容6

特点

    可以自动幻灯片    可以暂停/播放    可以是从任何计数器开始。从零开始的幻灯片    可以直接移到任何计数器    一个页面可以有多个旋转木马    每个旋转木马可以由他们自己的对象控制    这是垂直和水平已启用    可以有一个回调方法。    可以嵌套。    极轻的重量。只是 4 KB
如何使用?1.添加下列代码在您的标头。<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery.msCarousel-min.js"></script> <link rel="stylesheet" type="text/css" href="css/mscarousel.css"/>
我添加的样式只是测试目的。<style type="text/css"> .box {     background:#000;     padding:10px;     height:200px;     width:200px;     margin:0 10px 0 0; } .box h1 {     color:#999999;     background:#000; } </style>
这是 html。<div id="mycarousel">   <div class="box">     <h1>01</h1>   </div>   <div class="box">     <h1>02</h1>   </div>   <div class="box">     <h1>03</h1>   </div>   <div class="box">     <h1>04</h1>   </div>   <div class="box">     <h1>05</h1>   </div> </div>
3.这是最后一步。初始化脚本。<script type="text/javascript"> $(document).ready(function() {    mcarousel = $("#mycarousel").msCarousel({boxClass:'div.box', height:200, width:220}).data("msCarousel");    //add click event $("#next").click(function() {     //calling next method     mcarousel.next(); }); $("#previous").click(function() {     //calling previous method     mcarousel.previous(); });       }) </script>完成了。

相关伟德BETVICTOR-幻灯片和轮播图

jquery仿酷狗官网新闻焦点图

jquery仿酷狗官网新闻焦点图,jquery扩展方法,自动切换,可控制时间,简单易改,效果很炫,适合首页展示,兼容各大浏览器
  幻灯片和轮播图
 9015  100

jQuery手机触屏滑动的响应式图片轮播效果

jQuery响应式图片伟德BETVICTOR,多种图片滑动轮播切换,兼容手机端的触屏滑动图片切换代码。
  幻灯片和轮播图
 15293  115

jQuery图片左右切换

图片左右切换,鼠标悬停,图片放大
  幻灯片和轮播图
 10436  54

js垂直轮播广告幻灯片

js垂直轮播广告幻灯片
  幻灯片和轮播图
 12720  77

讨论这个项目(7)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

    小纸人 0
    2017/10/10 14:36:33
    最后一种轮播能从最后一张点下一张进第一张,却不能从第一张点上一张进去最后一张 回复
    2014 0
    2016/3/3 17:03:50
    云淡风轻 0
    2015/9/24 9:09:18
    底层是msCarouse,复用性等于0,尤其是最后一个,70多行的JS,还得重新整好几遍,我一个页面调用四次, 回复
    kieteay 0
    2015/8/28 10:08:48
    这个是msCarousel吧 回复
    祈丶万家灯火 0
    2015/8/4 16:08:51
    z-koala 0
    2014/10/31 10:45:46
    轮播效果更改不了 回复
    时光小屋 0
    2014/8/18 11:43:00
    gallery.html IE7无法使用呀 回复
取消回复