<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自动切换图片</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" href="css/index.css" type="text/css" />
</head>
<body onload="begin()">
<div id="mian">
<div id="pre" onmouseover="mouse('over','pre')" onmouseout="mouse('out','pre')">
<img id="leftImg" src="img/left.jpg" />
</div>
<div id="box">
<img class="image pic" id="img0" src="img/0.jpg" />
<img class="image pic" id="img1" src="img/1.jpg" />
<img class="image pic" id="img2" src="img/2.jpg" />
<img class="image pic" id="img3" src="img/3.jpg" />
</div>
<div id="pages">
<span class="page" id="page0" onclick="change('page0')">1</span>
<span class="page" id="page1" onclick="change('page1')">2</span>
<span class="page" id="page2" onclick="change('page2')">3</span>
<span class="page" id="page3" onclick="change('page3')">4</span>
</div>
<div id="next" onclick="next()" onmouseover="mouse('over','next')" onmouseout="mouse('out','next')">
<img id="rightImg" src="img/right.jpg" />
</div>
</div>
</body>
</html>
JQuery淡入淡出自动切换图片特效
需积分: 18 185 浏览量
2014-06-18
03:33:07
上传
评论
收藏 1.17MB ZIP 举报
左手__右手
- 粉丝: 0
- 资源: 1
评论0