猎豹Jquery全屏焦点图
猎豹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号，也就是今天看了一次，哈。明白了一些.
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17