jquery组件 bxslider 的使用介绍

调用

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>

jQuery: 部分

$(function(){$('#marquee').bxSlider({mode:'vertical', //默认的是水平displaySlideQty:1,//显示li的个数moveSlideQty: 1,//移动li的个数  captions: true,//自动控制auto: true,controls: false//隐藏左右按钮});
});

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>

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

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

转自：http://bangqu.com/sql

jquery组件 bxslider 的使用介绍相关推荐

jquery组件WebUploader文件上传用法详解
这篇文章主要为大家详细介绍了jquery组件WebUploader文件上传用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 WebUploader是由Baidu WebFE(FEX)团队开发的一 ...
jQuery补充，基于jQuery的bxslider轮播器插件
基于jQuery的bxslider轮播器插件 html <!DOCTYPE html> <html lang="zh-cn"> <head>&l ...
Android Jetpack组件之WorkManger使用介绍
1.前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...
jQuery选择器引擎和Sizzle介绍
jQuery选择器引擎和Sizzle介绍首先介绍一下什么是Sizzle: Sizzle是一个纯javascript CSS选择器引擎.jquery1.3开始使用sizzle,Sizzle一反传统采取 ...
Hadoop基础-Hdfs各个组件的运行原理介绍
Hadoop基础-Hdfs各个组件的运行原理介绍作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.NameNode工作原理(默认端口号:50070) 1>.什么是NameN ...
java实现团购功能_[Java教程]jquery组件团购倒计时功能
[Java教程]jquery组件团购倒计时功能 0 2014-05-12 12:00:04 本文网址:http://www.shaoqun.com/a/90954.html *特别声明:以上内容来自于 ...
jquery easyUI第一篇【介绍、入门、使用常用的组件】
tags: web前端库什么是easyUI 我们可以看官方对easyUI的介绍: easyUI就是一个在Jquery的基础上封装了一些组件....我们在编写页面的时候,就可以直接使用这些组件...非 ...
python 全栈开发，Day57(响应式页面-@media介绍,jQuery补充,移动端单位介绍,Bootstrap学习)...
昨日内容回顾 ajax //get post 两种方式做请求get 主要是获取数据 post 提交数据同一个路由地址既可以是get请求也可以是post请求一个路由对应一个函数get请求acce ...
【JQ组件】prettyPhoto使用介绍
一 .prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频.flash.YouTube.iframe和aj ...

jquery组件 bxslider 的使用介绍

jquery组件 bxslider 的使用介绍相关推荐

最新文章

热门文章