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;}

随机推荐

让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/*右侧固定
4种动态加载JS的方法
要实现动态加载JS脚本有4种方法： 1、直接document.write 复制代码代码如下: script language=javascript document.write(script src=test.js\/script); /script 2、动态改变已有script的src属性复制代码代码如下: script src= id=s1/script script langu
假503错误页面，伪装503错误，503.js代码下载
在一些特殊情况下，我们需要将我们的网站展现给访客看时是打不开的状态，但是并不希望关闭网站，因为直接关站，会影响搜索引擎的收录。那么利用下面提供的代码就可以轻松实现这种需求。代码打包下载： 503.js代码下载压缩包中主要文件： 503.html 复制代
JS屏蔽错误代码
JS屏蔽错误代码，防止网页上的某些JS代码运行错误导致网页无法正常打开的问题。复制代码代码如下: script type=text/javascript function killerrors(){ return true; } window.onerror = killerrors; /script 将这段代码添加到其他JS代码之前才能起到效果
html input输入时默认启动数字输入法
当文本框只能输入数字是一个很常见的需求，比如电话号码，身份证号，卡号，数量....等等只允许数字输入，为了更好的用户体验性，直接写出启动数字键盘的需求，我和大多数人一样用this.style.imeMode=disabled; imeMode有四种形式，分别是： active 代表输

JS滚动bxslider的使用

相关文章

随机推荐