JS滚动bxslider的使用
1. 详细Demo:http://www.bxslider.com/examples
2、如何使用
在实际中如下引用:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
bxslider无缝滚动
<script type="text/javascript">
$(function(){
$('#marquee').bxSlider({
mode:'vertical', //默认的是水平
ticker: true,//自动滚动
tickerSpeed:1000//tickerSpeed有逆影响速度。 因此,一个价值5000的滚动很慢,而价值50将滚动得很快。
});
});
</script>
bxslider滚动li
<script type=text/javascript>
$(function(){
$('#marquee').bxSlider({
mode:'vertical', //默认的是水平
displaySlideQty:1,//显示li的个数
moveSlideQty: 1,//移动li的个数
captions: true,//自动控制
auto: true,
controls: false//隐藏左右按钮
});
});
</script>-->
3、关于bxSlideer的html结构
<div style="width:450px; height:296px; float:left; overflow:hidden; margin-left:200px;">
<ul id="marquee">
<li><img src="img/1.jpg" alt="banner_腋臭" style="width:450px; height:296px;"></li>
<li><img src="img/2.jpg" alt="banner_腋臭" style="width:450px; height:296px;"></li>
</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;}
相关文章
- 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
- CSS让图片垂直居中的几种技巧
在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错
- html input输入时默认启动数字输入法
当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字键盘的需求,我和大多数人一样用this.style.imeMode=disabled; imeMode有四种形式,分别是: active 代表输
- JS滚动bxslider的使用
1. 详细Demo: http://www.bxslider.com/examples 2、如何使用 在实际中如下引用: script type=text/javascript src=js/jquery.js/script script type=text/javascript src=js/jquery.bxslider.js/script bxslider无缝滚动 script type=text/javascript $(f
- 仿站小工具 V6.0
仿站小工具介绍: 仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码,提取出JS、Css、Image、Picture、Flash等静态文件网址,再从下载完好的Css代码中提取出Image静态文件网址,通过网址下载静态文件,根据软件设置好的保存规则,自动修正
随机推荐
- 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
- CSS让图片垂直居中的几种技巧
在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错
- html input输入时默认启动数字输入法
当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字键盘的需求,我和大多数人一样用this.style.imeMode=disabled; imeMode有四种形式,分别是: active 代表输
- JS滚动bxslider的使用
1. 详细Demo: http://www.bxslider.com/examples 2、如何使用 在实际中如下引用: script type=text/javascript src=js/jquery.js/script script type=text/javascript src=js/jquery.bxslider.js/script bxslider无缝滚动 script type=text/javascript $(f
- 仿站小工具 V6.0
仿站小工具介绍: 仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码,提取出JS、Css、Image、Picture、Flash等静态文件网址,再从下载完好的Css代码中提取出Image静态文件网址,通过网址下载静态文件,根据软件设置好的保存规则,自动修正