一款基于jquery打造的全屏切换的jquery焦点图特效。
适合于全屏焦点图特效.可以点击小点进行切换。是一款非常不错的jquery特效。
适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
主要HTML代码如下:
<div class="flexslider"> <ul class="slides"> <li> <a href="http://www.jqshare.com/" target="_blank"><img src='images/1_1305341361.jpg' border='0' width='1000' height='450' alt='枪火战线 首页banner'></a> </li> <li> <a href="http://www.jqshare.com/" target="_blank"><img src='images/2-120F4105H2Z6.jpg' border='0' width='1000' height='450' alt='广告利器'></a> </li> <li> <a href="http://www.jqshare.com/" target="_blank"><img src='images/1-1204101506040-L.jpg' border='0' width='1000' height='450' alt='产品'></a> </li> </ul> </div>
主要jquery代码:
1 <script type="text/javascript"> 2 $(window).load(function() { 3 $('.flexslider').flexslider(); 4 }); 5 </script>
效果预览图:
特效来源地址:点击下载
相关推荐
jQuery左右全屏弹性切换焦点图特效
jQuery全屏焦点图特效制作带标题的焦点图切换代码
jquery实现全屏多栏焦点图动态切换全屏广告特效源码.zip
jquery图片滚动效果,制作一个非常大气简洁的banner焦点图满屏左右滚动切换效果,点击左右两侧按钮控制图片满屏滚动切换
基于jQuery实现的全屏banner焦点图自动轮播切换效果源码.zip
左右全屏背景焦点图切换代码,IE下效果较差,切换效果不够流畅。火狐浏览器下,左右切换效果流程,且切换按钮为圆形效果
jQuery全屏banner焦点图切换代码,带左右箭头,索引按钮,自动轮播切换特效。
全屏的jQuery焦点图插件在之前我们已经介绍过很多了,比如这款jQuery全屏滑块焦点图 可自定义内容...今天我们要介绍的这款jQuery全屏广告图片焦点图插件也非常不错,图片切换时有淡出淡出的动画效果,并且也相当流畅。
jquery全屏焦点图是一款带左右切换按钮的全屏焦点图广告轮播特效代码。
jQuery产品展示全屏焦点图轮播代码基于jquery-1.9.1.min.js制作,点击小图可切换显示对应大图,以动画效果显示大图。
jQuery大气满屏焦点图切换,效果好,功能全,适合初学网页制作者!
基于jQuery实现的带左右按钮切换的全屏广告图片焦点图特效源码.zip
jquery全屏多栏焦点图动态切换全屏广告代码
简单的jquery特效焦点图自动切换
Jquery瀑布流多格焦点图切换效果 切换效果
左右滑动且自适应自动全屏的jQuery图片轮播、焦点图特效,jquery焦点图轮播切换特效,采用了渐变的动画效果,切换的时候图片和文字一齐切换,比较适合在企业网站中使用,确实挺大气的图片切换特效。