嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元微信扫码支付:2 元
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
用CSS做的图片定时循环滚动焦点图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="css/lrtk.css">
<title>纯CSS图片定时循环滚动焦点图</title>
</head>
<body>
<!-- 代码 开始 -->
<div class="container">
<div class="img">
<ul class="nav">
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="images/0.jpg"></a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="images/1.jpg"></a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="images/2.jpg"></a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="images/3.jpg"></a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="images/4.jpg"></a></li>
</ul>
<div class="bg">
<ul class="bg_in">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li id="lp"></li>
</ul>
</div>
</div>
</div>
<!-- 代码 结束 -->
<div style="text-align:center;margin:20px 0">
<p>来源:<a href="http://www.hioo.cc/" target="_blank">小象科技</a> 代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> 感谢:<a href="http://www.hioo.cc/" target="_blank">小象科技</a></p>
<p>*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p></p>
<p><p>纯CSS打造图片定时循环滚动焦点图</p><p><br /></p><p>使用方法:</p><p>1、引入css文件和 复制index部分代码即可</p><p>2、请使用ie9或以上的浏览器</p><p>3、序号无法点击</p></p>
<p style="margin:20px 0"></p>
</div>
</body>
</html>