一款基于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>
效果预览图:
特效来源地址:点击下载