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

随机推荐

手机站布局中viewport的作用详解
什么是Viewport?手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动
假503错误页面，伪装503错误，503.js代码下载
在一些特殊情况下，我们需要将我们的网站展现给访客看时是打不开的状态，但是并不希望关闭网站，因为直接关站，会影响搜索引擎的收录。那么利用下面提供的代码就可以轻松实现这种需求。代码打包下载： 503.js代码下载压缩包中主要文件： 503.html 复制代
仿站小工具 V6.0
仿站小工具介绍：仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码，提取出JS、Css、Image、Picture、Flash等静态文件网址，再从下载完好的Css代码中提取出Image静态文件网址，通过网址下载静态文件，根据软件设置好的保存规则，自动修正
让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

JS滚动bxslider的使用

相关文章

随机推荐