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 相关文章推荐
来自qq的javascript面试题
Jul 24 Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
解决angularjs中同步执行http请求的方法
Aug 13 Javascript
小程序实现自定义导航栏适配完美版
Apr 02 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设计模式 Facade(外观模式)
2011/06/26 PHP
深入分析php之面向对象
2013/05/15 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
微信小程序全选多选效果实现代码解析
2020/01/21 Javascript
在Vue中使用Select选择器拼接label的操作
2020/10/22 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
基于python实现高速视频传输程序
2019/05/05 Python
python调用摄像头拍摄数据集
2019/06/01 Python
python学生信息管理系统实现代码
2019/12/17 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
实习生单位鉴定意见
2013/12/04 职场文书
校庆标语集锦
2014/06/25 职场文书
优秀党员推荐材料
2014/12/18 职场文书
护士自荐信怎么写
2015/03/06 职场文书
教研活动主持词
2015/07/03 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
gojs实现蚂蚁线动画效果
2022/02/18 Javascript