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 Math.random()随机数函数
Nov 04 Javascript
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
jQuery树形下拉菜单特效代码分享
Aug 15 Javascript
AngularJS中的Promise详细介绍及实例代码
Dec 13 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 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 变量类型的强制转换
2009/10/23 PHP
php获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
php使用substr()和strpos()联合查找字符串中某一特定字符的方法
2015/05/12 PHP
php使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
2013/06/02 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
2016/03/07 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
2016/07/09 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
详解webpack2异步加载套路
2018/09/14 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
Python列表list数组array用法实例解析
2014/10/28 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
python3下实现搜狗AI API的代码示例
2018/04/10 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
Python用input输入列表的实例代码
2020/02/07 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
详解Python3.8+PyQt5+pyqt5-tools+Pycharm配置详细教程
2020/11/02 Python
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
公益活动邀请函
2014/02/05 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
农业项目合作意向书
2015/05/08 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
《静夜思》教学反思
2016/02/17 职场文书
win10下go mod配置方式
2021/04/25 Golang
Redis特殊数据类型bitmap位图
2022/06/01 Redis