支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide
支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide,非常漂亮的图片轮播特效插件,支持左右轮播图片、上下轮播图片、自适应移动端显示,支持众多的参数配置:orientation :& 39;horizontal& 39;(水平
支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide,非常漂亮的图片轮播特效插件,支持左右轮播图片、上下轮播图片、自适应移动端显示,支持众多的参数配置:orientation :'horizontal'(水平切换),speed : 500(切换速度,单位毫秒),easing : 'ease-in-out'(动画效果), minItems : 3(默认展示的数量)等,浏览器兼容方面:IE8+、以及较现代浏览器,不介意低版本浏览器的可以使用,当然也可以使用到移动端触屏。
使用方法:
1.加载jQuery和插件
2.HTML内容
- <script type="text/javascript" src="libs/jquery/1.8.2/jquery.min.js">script>
- <script type="text/javascript" src="js/jquerypp.custom.js">script>
- <script type="text/javascript" src="js/jquery.elastislide.js">script>
- <link rel="stylesheet" type="text/css" href="css/elastislide.css" />
3.函数调用
- <ul id="carousel" class="elastislide-list">
- <li><a href="#"><img src="images/small/1.jpg" alt="image01" />a>li>
- <li><a href="#"><img src="images/small/2.jpg" alt="image02" />a>li>
- <li><a href="#"><img src="images/small/3.jpg" alt="image03" />a>li>
- <li><a href="#"><img src="images/small/4.jpg" alt="image04" />a>li>
- <li><a href="#"><img src="images/small/5.jpg" alt="image05" />a>li>
- <li><a href="#"><img src="images/small/6.jpg" alt="image06" />a>li>
- ul>
- <script type="text/javascript">
- $(document).ready(function() {
- $( '#carousel' ).elastislide();
- });
- script>
相关内容
这些是最新的
- MixItUp动画过滤和排序jQuery插件
- 一款图片弹出层相册jQuery插件for jQuery or Zepto.js
- 一个强大,灵活的jQuery插件使您能够轻松地创建增强CSS的强大的语义,现代的工具提示
- 文字横向不间断滚动js代码
- 支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide
- 漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js
- jQuery全屏鼠标滚动切换页面特效插件multiScroll.js
- 实用jQuery分页特效插件jquery.pagination.js
- jQuery刮刮卡特效插件jQuery.eraser
- 手机网站WebApp页面布局JS UI 框架App.js
热门关键词
垂直滚动 设计logo教程 php基础教程 Perl开发环境 绿色免按装 Illustrator 模板 触屏 jQuery插件 MySQL数据库 css3教程 触摸 下拉菜单 html 全屏滚动 Google 霓虹文字教程 Photoshop破解版 页面设计 宽屏焦点图 word临时文件 IIS jQuery 百度联盟申请 汉化版 图片滚动 CorelDRAW教程 bxSlider 360旋转热门排行
- 输入框提示文字跨浏览器的placeholder-jQuery版(jQuery插件EnPlaceholder)
- jQuery刮刮卡特效插件jQuery.eraser
- 效果最好的焦点图幻灯片jQuery插件Skippr
- 实用jQuery分页特效插件jquery.pagination.js
- 支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide
- 基于Bootstrap改造的国产前端框架 H-ui
- 文字横向不间断滚动js代码
- 漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js
- 非常优秀响应式jQuery焦点图插件bxSlider
- 分享12个非常好的免费矢量资源网站