猎豹Jquery全屏焦点图:
来自 懒人之家:http://www.lanrentuku.com/js/jiaodiantu-1201.html
----------------------------------------------------------------
下载下来,自己写写,然后在省去一些代码:
1:
2:
3:
每个页面都是一个Div,里面放2个图片
然后左右两端是两个按钮,用于切换图片.
省略后的代码:
<html> <head> <meta http-equiv="Content-type" content="text/html charset=gbk"/> <meta name="keywords" content="JS代码,焦点图,JS广告代码"/> <title>猎豹Jquery全屏焦点图</title> <link href="css/lrtk.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/lrtk.js"></script> </head> <body> <!--代码----> <div class="slide-main" id="touchMain"> <a class="prev" href="javascript:;" stat="prev1001"><img src="images/l-btn.png" /></a> <div class="slide-box" id="slideContent"> <div class="slide" id="bgstylec"> <div class="obj-e"><img src="images/baomi-t-1.png" /></div> <div class="obj-f"><img src="images/baomi-kl.jpg" /></div> </div> <div class="slide" id="bgstylea"> <div class="obj-a"><img src="images/bao.png" /></div> <div class="obj-b"><img src="images/nt-1.png" /></div> </div> <div class="slide" id="bgstyleb"> <div class="obj-c"><img src="images/bao-2.png" /></div> <div class="obj-d"><img src="images/st-2.png" /><p>全新chrome内核,内存占用最低,轻巧炫酷皮肤</p></div> </div> </div> <a class="next" href="javascript:;" stat="next1002"><img src="images/r-btn.png" /></a> <div class="item"> <a class="cur" stat="item1001" href="javascript:;"></a><a href="javascript:;" stat="item1002"></a><a href="javascript:;" stat="item1003"></a> </div> </div> </body> </html>
一点注释:
<a>:
<meta>:
<link>:
不过那个lrtk.js 里面的代码才看懂一点,顿时觉得有些菜... 11.3号,也就是今天看了一次,哈。明白了一些.
相关推荐
猎豹jQuery全屏焦点图代码,兼容主流浏览器
猎豹jQuery全屏焦点图代码 转载的
jQuery css3猎豹浏览器宽屏banner焦点图切换代码
jQuery实现的猎豹官网宽屏通栏焦点图切换效果源码.zip
网页模板——jQuery实现的猎豹官网宽屏通栏焦点图切换效果源码
猎豹浏览器宽屏banner焦点图代码是一款基于jQuery css3实现的宽屏焦点图切换代码。
jQuery支持多种切换效果的CSS3焦点图代码,支持自定义切换效果。兼容主流浏览器
本文给大家分享的是使用jQuery结合CSS3制作的仿猎豹浏览器宽屏banner焦点图特效,代码很简单,效果却非常棒,而且兼容各大浏览器,这里推荐给大家,有需要的小伙伴参考下。
来自猎豹浏览器主页的一款左右滑动banner焦点图特效,支持底部色块点击切换,中间支持大图,或者各种小图的排列
jquery猎豹安全网购导航网址是一款猎豹安全网购html5 css3导航页面。
编程开发-综合控件-猎豹浏览器宽屏banner焦点图代码.zip
猎豹浏览器宽屏banner焦点图代码是一款基于jQuery+css3实现的宽屏焦点图切换代码。
jQuery猎豹橙色大巴动画背景特效是一款基于jQuery+CSS3实现的猎豹橙色大巴免费送老乡回家专题页面网页特效代码。
实现效果: 猎豹安全浏览器专题页全屏滚动上下切换特效JS代码,滚动效果非常流畅,基于jQuery实现,从猎豹网站 抓下来的效果,挺不错的专题引导页。
猎豹浏览器4.0页面滑动jQuery.zip