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 相关文章推荐
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JS实现两个大数(整数)相乘
Apr 28 Javascript
jquery提示效果实例分析
Nov 25 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
AngularJS删除路由中的#符号的方法
Sep 20 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 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
一个取得文件扩展名的函数
2006/10/09 PHP
PHP中的正规表达式(二)
2006/10/09 PHP
PHP中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
php number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
jquery keypress,keyup,onpropertychange键盘事件
2010/06/25 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
基于jquery插件实现拖拽删除图片功能
2020/08/27 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
详解webpack+es6+angular1.x项目构建
2017/05/02 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
使用nvm和nrm优化node.js工作流的方法
2019/01/17 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
javascript实现日历效果
2019/06/17 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
高分子材料个人求职信范文
2013/09/25 职场文书
学校运动会开幕演讲稿
2014/01/04 职场文书
回门宴新郎答谢词
2014/01/12 职场文书
管理提升方案
2014/06/04 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
119消防日活动总结
2014/08/29 职场文书
技能培训通讯稿
2015/07/18 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python
go语言-在mac下brew升级golang
2021/04/25 Golang