Chapter 第三章


<!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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值