JS滚动bxslider的使用

1. 详细Demo：http://www.bxslider.com/examples

2、如何使用

在实际中如下引用：

bxslider无缝滚动

$(function(){

$('#marquee').bxSlider({

mode:'vertical', //默认的是水平

ticker: true,//自动滚动

tickerSpeed:1000//tickerSpeed有逆影响速度。因此,一个价值5000的滚动很慢,而价值50将滚动得很快。

});

</script>

bxslider滚动li

$(function(){

$('#marquee').bxSlider({

mode:'vertical', //默认的是水平

displaySlideQty:1,//显示li的个数

moveSlideQty: 1,//移动li的个数

captions: true,//自动控制

auto: true,

controls: false//隐藏左右按钮

});

</script>-->

3、关于bxSlideer的html结构

</ul>

</div>

4、关于bxSlideer的左右按钮的css样式

.bx-prev{ width:12px; height:26px; background:#f00;text-indent: -999999px;z-index: 999; position: absolute; float:left; left:455px; top:110px;}

.bx-next{ width:12px; height:26px; background:#f00; text-indent: -999999px;z-index: 999; position: absolute; top:110px;left:-15px;}

随机推荐

CSS让图片垂直居中的几种技巧
在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错
让position:fixed在IE6下可用!
/*让position:fixed在IE6下可用!*/ .fixed-top/*头部固定*/{position:fixed;bottom:auto;top:0px;} .fixed-bottom/*底部固定*/{position:fixed;bottom:0px;top:auto;} .fixed-left/*左侧固定*/{position:fixed;right:auto;left:0px;} .fixed-right/*右侧固定
手机站上离线宝被UC浏览器屏蔽解决方案
手机站上离线宝被UC浏览器屏蔽解决方案，在手机站上使用离线宝发现在UC浏览器中被屏蔽了。页面上会有很大一块空白，怎么办？利用一下代码可以解决离线宝被屏蔽时，去除头部空白。复制代码代码如下: document.writeln(script type=\text/javascript\ src=\
a标签点击过后出现虚线的解决方法
问题：a标签点击过后出现虚线解决方法：a{blr:expression(this.onFocus=this.blur());outline: none;}
手机站布局中viewport的作用详解
什么是Viewport?手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动

JS滚动bxslider的使用

相关文章

随机推荐