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/*右侧固定
Zepto.js手机页面上替代jQuery的最佳Javascript库
Zepto.js手机页面上替代jQuery的最佳Javascript库，Zepto是现代的浏览器最大程度上与jQuery兼容的API，简约的JavaScript库，如果你使用jQuery，你已经知道如何使用的Zepto。虽然100％的jQuery覆盖率不是一个设计目标，提供的API相匹配的jQuery的同行。
隐藏统计代码的LOGO文字
网站上添加网站统计代码后，一些情况下会影响网站整体的美观性，我们可以通过以下代码来隐藏统计代码的LOGO或文字。将各种统计代码放到以下div中即可：复制代码代码如下: !--统计代码开始-- div style=display:none; !--百度统计-- script type=text/java
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
window.onerror()的详细用法
window.onerror = function(sMessage,sUrl,sLine){}; onerror函数的三个参数用于确定错误确切的信息，代表的意思依次为：错误信息；发生错误的文件；发生错误的行号。示例：复制代码代码如下: SCRIPT window.onerror=fnErrorTrap; function fnErrorTrap(s

JS滚动bxslider的使用

相关文章

随机推荐