转载地址: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//隐藏底栏
});
});
相关推荐
onethink 图片轮播插件整合slideBox,带管理界面,自定义4种效果,显示大小可控 初学根据links插件改写的,有需要的拿去学习,由于是初学的,不喜勿喷!欢迎大家一起交流
jquery图片滚动插件slideBox
jQuery图片轮播(焦点图)插件jquery.slideBox兼容IE6+,Chrome,Firefox,Opera,safari,可左右,可上下,可快可慢,可指定默认显示第N张,自由设定,代码简洁,运行效率高演示地址:...
jquery slidebox图片切换插件多种新闻焦点图片滑动切换
主要介绍了轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码,代码简单易懂,非常实用,特此分享脚本之家平台供大家学习
jquery slideBox 轮播图片
jquery slidebox
jQuery(".slideGroup .slideBox").slide({ mainCell: "ul", vis: 1, prevCell: ".sPrev", nextCell: ".sNext", effect: "leftLoop" }); /* 外层tab切换 */ jQuery(".slideGroup").slide({ titCell: "....
网上找了很多都不可用,这个亲测可用。
使用 UICollectionView 模仿实现 iOS App SlideBox.zip,uiCollection提供的SlideboxDemo
幻灯片使用 Jquery 制作图片幻灯片的技巧
JavaScript 使用多点触控手势或鼠标在网页上的图像集合中滑动。
一、左右轮播,滚动持续0.6秒,滚动延迟3秒,滚动效果swing,初始焦点第1张,点选按键自动隐藏,按键边框半径(IE8-只方不圆)5px(以上各项为默认设置值) 二、上下轮播,滚动持续0.3秒,滚动延迟5秒,滚动效果...
JAVA门户网站源码,装修门户网站 后端框架: struts2.5 + spring4.3 + hibernate5.2 前端框架: jquery + slideBox(图片轮播)
一款好用,代码简洁的多图片自动切换 需要引用jquery.js和jquery.slideBox.js $(function(){ $('#demo1').slideBox({ direction : 'left', //left,top#方向 easing : 'linear',//swing,linear//滚动特效 ...
ion.superSliderBox 为ionSlideBox添加方向属性
离子选项卡式幻灯片滚动扩展的扩展这是什么? 离子选项卡式幻灯片框是一个很好的组件。 该具有“可滚动内容”示例。 尽管它不会在选项卡内显示内容的底部,但效果很好。 这个扩展解决了这个。 这只是在ion-content...
jquery.SuperSlide插件使用方法之一,做tab标签样式的焦点图切换使用 使用方法: 1、调用jquery库、lanrenzhijia.css文件、SuperSlide.js代码在head之中 2、将html代码拷贝到你需要的地方即可 3、最后调用即可 ...
离子选项卡式幻灯片框 的完整克隆 ,此存储库是出于凉亭目的而制作的。 该组件是包装。 这将在幻灯片框的顶部包含选项...var app = angular.module('slidebox', ['ionic', 'tabSlideBox']); 在模板中添加html <