<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>图片轮换</title>
<style>
.scroll{
width: 360px;
height: 190px;
overflow: hidden;
margin: 0 auto;
position: relative;
}
a{
font-size: 14px;
color: #39F;
height: 18px;
width: 20px;
border: 1px solid #39F;
text-decoration: none;
display: block;
float: left;
margin-right:5px;
text-align: center;
background-color: #FFF;
line-height: 20px;
}
a:hover {
font-size: 14px;
font-weight: bold;
color: #FFF;
background-color: #39F;
border: 1px solid #39F;
text-decoration: none;
display: block;
}
#num {
position:absolute;
width:180px;
height:25px;
z-index:2;
left:100px;
top: 160px;
}</style>
</head>
<body>
<div class="scroll">
<div id="num">
<a href="javascript:change('1.gif')">1</a>
<a href="javascript:change('2.gif')">2</a>
<a href="javascript:change('3.jpg')">3</a>
<a href="javascript:change('4.jpg')">4</a>
<a href="javascript:change('5.gif')">5</a>
</div>
<img src="img/1.gif" alt="图片" id="photo"/>
</div>
<script src="js/scroll.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>上传文件</title>
<style>
#main{margin:0 auto; width: 500px;}
dl{clear: both; width: 100%;}
dt{
float: left;
width: 100px;
text-align: right;
}
</style>
</head>
<body>
<div id="main">
<dl id="upload">
<dt>文件路径:</dt>
<dd><input name="fileImages" type="file" /></dd>
</dl>
<div id="addBtn"><input id="up" type="button" value="再上传一个文件" onclick="add()"/></div>
</div>
<script type="text/javascript" src="js/upload.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>TAB切换</title>
<link href="css/tab.css" rel="stylesheet">
</head>
<body>
<div class="div_bg">
<ul>
<li id="bg1"><a class="white" onmousemove="chgtt(1);">小说</a></li>
<li id="bg2"><a class="white" onmouseover="chgtt(2);">非小说</a></li>
<li id="bg3" ><a class="white" onmouseover="chgtt(3);">少儿</a></li>
</ul>
<div id="book1">
<a href="#" target=_blank>1.时间旅行者的妻子</a><br>
<a href="#" target=_blank>2.女心理师(下)</a><br>
<a href="#" target=_blank>3.鬼吹灯之精绝古城</a><br>
<a href="#" target=_blank>4.女心理师(上)</a><br>
<a href="#" target=_blank>5.小时候</a><br>
<a href="#" target=_blank>6.追风筝的人</a><br>
<a href="#" target=_blank>7.盗墓笔记2</a><br>
<a href="#" target=_blank>8.输赢</a>
</div>
<div id="book2">
<a href="#" target=_blank>1.人生若只如初见</a><br>
<a href="#" target=_blank>2.高效能人士的七个..</a><br>
<a href="#" target=_blank>3.求医不如求己</a><br>
<a href="#" target=_blank>4.人体使用手册</a><br>
<a href="#" target=_blank>5.孩子,把你的手给我</a><br>
<a href="#" target=_blank>6.别笑!我是英文单词书</a><br>
<a href="#" target=_blank>7.人体经络使用手册</a><br>
<a href="#" target=_blank>8.股市稳赚</a>
</div>
<div id="book3">
<a href="#" target=_blank>1.斯凯瑞金色童书・..</a><br>
<a href="#" target=_blank>2.哈利・波特与“混..</a><br>
<a href="#" target=_blank>3.不一样的卡梅拉(..</a><br>
<a href="#" target=_blank>4.它们是怎么来的</a><br>
<a href="#" target=_blank>5.五・三班的坏小子..</a><br>
<a href="#" target=_blank>6.男生日记</a><br>
<a href="#" target=_blank>7.哈利・波特与魔法石</a><br>
<a href="#" target=_blank>8.噼里啪啦丛书(全7册)</a>
</div>
</div>
<script src="js/tab.js"></script>
</body>
</html>