手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery插件orbit.js实现图片折叠轮换特效
jquery插件orbit.js实现图片折叠轮换特效
摘要:jQuery图片折叠轮换代码,可以点击左右箭头按钮切换图片,漂亮简洁。兼容主流浏览器,phplearn初学者推荐下载!使用方法:1、head...

jQuery图片折叠轮换代码,可以点击左右箭头按钮切换图片,漂亮简洁。兼容主流浏览器,phplearn初学者推荐下载!

使用方法:

1、head区域引用文件 jquery.min.js,chuxz.css

2、在文件中加入<><>区域代码

3、在页面底部引用jq.orbit.js.js, orbit.js

4、复制images文件夹里的图片到相应的路径

<div> <div id="featured"> <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实现图片折叠轮换特效1

以上所述就是本文的全部内容了,希望大家能够喜欢。

【jquery插件orbit.js实现图片折叠轮换特效】相关文章:

jQuery插件pagewalkthrough实现引导页效果

JavaScript实现Flash炫光波动特效

jquery插件splitScren实现页面分屏切换模板特效

jQuery插件bgStretcher.js实现全屏背景特效

jQuery插件jRumble实现网页元素抖动

jquery滚动特效集锦

jQuery结合ajax实现动态加载文本内容

javascript实现图片跟随鼠标移动效果的方法

jquery读取xml文件实现省市县三级联动的方法

jQuery实现首页图片淡入淡出效果的方法

精品推荐
分类导航