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

所属分类:UI,媒体-圆边,滚动,图片展示,幻灯片和轮播图
 4990  42  查看评论 (3)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容9

使用方法

在页面中引入rotating-slider.css、jqueryrotating-slider.js文件。<link rel="stylesheet" href="rotating-slider.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/rotating-slider.js"></script>HTML结构该jquery环状轮播图HTML结构如下:<div class="rotating-slider">   <ul class="slides">     <li>       <div class="inner">         <h2>jQuery Rotating Slider</h2>         <p>A fancy rotator plugin.</p>       </div>     </li>     <li>       <div class="inner"></div>     </li>     <li>       <div class="inner">         <h2>Slide 2</h2>         <p>This is slide 2</p>       </div>     </li>     <li>       <div class="inner">       </div>     </li>     <li>       <div class="inner">         <h2>Slide 3</h2>         <p>This is slide 3</p>       </div>     </li>     <li>       <div class="inner">         <h2>Slide 4</h2>         <p>This is slide 4</p>       </div>     </li>   </ul> </div>初始化伟德BETVICTOR在页面DOM元素加载完毕之后,通过rotatingSlider()方法来对该jquery环状轮播图伟德BETVICTOR进行初始化。$(function(){    $('.rotating-slider').rotatingSlider(); });

配置参数

该jquery环状轮播图伟德BETVICTOR的可用配置参数如下:$(function(){    $('.rotating-slider').rotatingSlider({     // 自动播放     autoRotate: true,     // 自动播放的时间间隔     autoRotateInterval: 6000,     // 是否可以拖拽?     draggable: true,     // 轮播图的左右控制按钮     directionControls: true,     directionLeftText: '?',     directionRightText: '?',     // 动画速度     rotationSpeed: 750,     // 轮播图的尺寸     slideHeight : 360,     slideWidth : 480,        }); });
相关伟德BETVICTOR-圆边,滚动,图片展示,幻灯片和轮播图

圆边

方形切换成圆边
  圆边
 11225  61

完美支持IE圆角/阴影等CSS3样式

让ie6也完美支持IE圆角/阴影等CSS3样式
  圆边
 23387  159

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

    启峰雪松 0
    2017/12/7 14:11:04
    如果这个圆显示是半圆就好了。。。
        ?、萌到我了0
        2017/12/8 11:48:52
        把它装了个div,给div加超出隐藏不就好了
    回复
    梁婷婷 0
    2017/11/27 15:50:16
    哎呦喂,转晕了 回复
取消回复