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 相关文章推荐
js计算页面刷新的次数
Jul 20 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
jquery获取radio值实例
Oct 16 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
React之PureComponent的使用作用
Jul 10 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
JS实现随机点名器
Apr 12 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实现的百度搜索某地天气的小偷代码
2014/04/23 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
jquery连缀语法如何实现
2012/11/29 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
详解js闭包
2014/09/02 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
Vue中div contenteditable 的光标定位方法
2018/08/25 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
JS回调函数深入理解
2019/10/16 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
python笔记(1) 关于我们应不应该继续学习python
2012/10/24 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
Python Socket使用实例
2017/12/18 Python
利用Python如何将数据写到CSV文件中
2018/06/05 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
详解flask入门模板引擎
2018/07/18 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
Python实现手势识别
2020/10/21 Python
Html5 new XMLHttpRequest()监听附件上传进度
2021/01/14 HTML / CSS
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
秘书岗位职责
2013/11/18 职场文书
财务信息服务专业自荐书范文
2014/02/08 职场文书
电焊工岗位职责
2014/03/06 职场文书
球队口号
2014/06/18 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
JS 基本概念详细介绍
2021/10/16 Javascript
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB