图片轮播插件slideBox
转载地址:http://www.ido321.com/852.html
说明:兼容ie8,firfox,chrome
使用说明
1,引入js
<script type="text/javascript" src="<%=path%>/assets/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/assets/js/jquery.slideBox.min.js"></script>
2,css引入
<link rel="stylesheet" type="text/css" href="<%=path%>/assets/css/jquery.slideBox.css" />
3,body中内容
<div style="float:left;margin-top:0px;" class="slideBox" id="demo4">
<ul class="items">
<li><a href="javascript:void(0)" title=""><img src="<%=path%>/assets/images/picStore/first.png" width="480px" height="260px"></a></li>
<li><a href="javascript:void(0)" title=""><img src="<%=path%>/assets/images/picStore/second.png" width="480px" height="260px"></a></li>
<li><a href="javascript:void(0)" title=""><img src="<%=path%>/assets/images/picStore/three.png" width="480px" height="260px"></a></li>
<li><a href="javascript:void(0)" title=""><img src="<%=path%>/assets/images/picStore/fourth.png" width="480px" height="260px"></a></li>
</ul>
4,js
<script type="text/javascript">
$(document).ready(function(){
//启动滚动图片
$('#demo4').slideBox({
hideBottomBar : false//隐藏底栏
});
});
效果地址:http://slidebox.sinaapp.com/
图片轮播插件slideBox相关推荐
- 网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
- 3d饼图 vue_这是我见过最优雅的Vue图片轮播插件——Vue-Awesome-Swiper
介绍 在Web网页开发中,我们经常需要用到图片轮播,在以往传统的开发方式中有很多基于jquery的插件可供使用,但是随着目前各类前端框架层出不穷的现状,在某些方面特别是针对特定的场景,还是有不少地方不 ...
- PgwSlideshow-基于Jquery的图片轮播插件
友情链接:http://www.htmleaf.com/Demo/201504031619.html http://www.htmleaf.com/Demo/201504191708.html 0 ...
- jquery手写轮播图_15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
- AdPlayBanner:功能丰富、一键式使用的图片轮播插件
概述 AdPlayBanner:功能丰富.一键式使用的图片轮播插件 详细 代码下载:http://www.demodashi.com/demo/11312.html AdPlayBanner是一个An ...
- 图片轮播插件-carouFredSel
carouFredSel图片轮播插件基于Jquery,比较常规的轮播插件,支持滚轮及键盘左右按键,加入其它插件可实现更加复杂的特效. 主页地址:http://caroufredsel.dev7stud ...
- html轮播图水平传送带,经典的白富美型jQuery图片轮播插件
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美 ...
- html5+自动播放轮播插件,15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
- 支持响应式手机端jQuery图片轮播插件unslider
支持响应式手机端jQuery图片轮播插件unslider,非常强大的jQuery插件,支持响应式手机端.支持函数回调.支持左右按钮切换,可以自定义是否使用响应式fluid:true/false.是否显 ...
- jQuery 图片轮播插件
网站项目必备--12款经典的白富美型 jQuery 图片轮播插件 图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 ...
最新文章
- golang中的定时器
- 杨凌农业自贸区谋定功能-万祥军:对话农民丰收节交易会
- AngularJs ng-route路由详解
- 【测试点分析】1067 试密码 (20分)_20行代码AC
- 在阿里云ECS上安装Docker、Tomcat并部署官网(无后端交互)
- linux+分离线程+退出,Linux下线程终止操作.pdf
- 为什么要写this在访问成员变量的时候_终于知道阿里字节这样的公司,为什么经常拿final来考验求职者了...
- Asp.Net(C#.VB)Array、ArrayList和List的区别
- 魔方机器人之下位机编程---------舵机控制
- matlab画图命令
- 技术前言 - 芯片制造工序详解
- 解决MAC系统升级后虚拟机黑屏问题
- 11b、11a/g、11n和11ac速率
- 虹科技术 | 快速准确测量0.05m-500m--虹科dimetix激光测距传感器的优势
- 树莓派4B-安装64位操作系统
- sap pi的操作1
- office(word)如何使用格式刷的方法。
- 【时间序列分析】差分运算及延迟算子的性质
- 在阿里云3万成交的 iot.xin 网站上线啦
- 第12讲:Python列表对象中元素的增操作
热门文章
- 16款分形图像软件为你创造出惊人的艺术效果
- excel自动调整列宽_Knime数据分析入门- 06 自动调整Excel中列序
- [prolog 基础系列] Prolog 的使用以及 Knowledge Base
- 蚂蚁金服java研发面经_蚂蚁金服Java研发岗实习内推面经
- CSDN一般支付页面(源码)
- 提示Algorithm negotiation failed 错误该如何解决
- php 导出图片到excel,从PHP导出图片excel的方法
- 简单易懂的Kubernetes(K8S)之Pod资源管理与harbor创建
- B代表哪一种氨基酸?B和b代表的氨基酸一样吗?
- “快手极速版”的模拟器多开方法