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 相关文章推荐
利用json获取字符出现次数的代码
Mar 22 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
D3.js实现柱状图的方法详解
Sep 21 Javascript
深入理解Commonjs规范及Node模块实现
May 17 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
深入理解JS的事件绑定、事件流模型
May 13 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
Jul 04 Javascript
javascript实现简易计算器功能
Sep 23 Javascript
node.js文件的复制、创建文件夹等相关操作
Feb 05 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 和 HTML
2006/10/09 PHP
php从完整文件路径中分离文件目录和文件名的方法
2015/03/13 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
js打印纸函数代码(递归)
2010/06/18 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
vuejs如何配置less
2017/04/25 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
vue刷新和tab切换实例
2018/02/11 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
Javascript实现秒表倒计时功能
2018/11/17 Javascript
Windows下安装 node 的版本控制工具 nvm
2020/02/06 Javascript
python 实现归并排序算法
2012/06/05 Python
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
体育教师个人的自我评价
2014/02/16 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
考试诚信承诺书
2014/05/23 职场文书
某某同志考察材料
2014/05/28 职场文书
社区党务工作总结2015
2015/05/19 职场文书
Ajax实现三级联动效果
2021/10/05 Javascript