jquery插件orbit.js实现图片折叠轮换特效


Posted in Javascript onApril 14, 2015

jQuery图片折叠轮换代码,可以点击左右箭头按钮切换图片,漂亮简洁。兼容主流浏览器,phplearn初学者推荐下载!

使用方法:
1、head区域引用文件 jquery.min.js,chuxz.css
2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
3、在页面底部引用jq.orbit.js.js, orbit.js
4、复制images文件夹里的图片到相应的路径

<div class="orbit-wrapper">       
  <div id="featured" class="orbit">  
    <a href="http://www.phplearn.cn/"><img src="images/1.jpg" width="185" alt="《Just Married》" title="《Just Married》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/2.jpg" width="185" alt="《佩加索斯》" title="《佩加索斯》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/3.jpg" width="185" alt="《太庙的一场偶遇》" title="《太庙的一场偶遇》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/4.jpg" width="185" alt="《为爱痴狂》" title="《为爱痴狂》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/5.jpg" width="185" alt="《游走,在北京的每一条街》" title="《游走,在北京的每一条街》"></a>  
  </div>  
</div>  
<script type="text/javascript" src="js/jq.orbit.js"></script>  
<script type="text/javascript" src="js/orbit.js"></script>

演示图:

jquery插件orbit.js实现图片折叠轮换特效  

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
BootStrap制作导航条实例代码
May 06 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
Aug 12 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
vue自定义指令和动态路由实现权限控制
Aug 28 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 #Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 #Javascript
JavaScript将字符串转换为整数的方法
Apr 14 #Javascript
使用javascript实现判断当前浏览器
Apr 14 #Javascript
jQuery获得指定元素坐标的方法
Apr 14 #Javascript
JavaScript时间转换处理函数
Apr 14 #Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 #Javascript
You might like
收藏的一个php小偷的核心程序
2007/04/09 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
JavaScript 中的 this 简单规则
2017/09/19 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
vuex 中插件的编写案例解析
2019/06/10 Javascript
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
Python入门篇之正则表达式
2014/10/20 Python
Python中pygame的mouse鼠标事件用法实例
2015/11/11 Python
python 获取网页编码方式实现代码
2017/03/11 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
python psutil库安装教程
2018/03/19 Python
解决Django no such table: django_session的问题
2020/04/07 Python
5行Python代码实现图像分割的步骤详解
2020/05/25 Python
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
日语求职信范文
2013/12/17 职场文书
给客户的道歉信
2014/01/13 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
技术经济专业求职信
2014/09/03 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
公司开除员工通知
2015/04/22 职场文书
新郎接新娘保证书
2015/05/08 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL
详解JAVA的控制语句
2021/11/11 Java/Android