free163.com/sub.html at master · kylehao/free163.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>听松阁</title>
<link type="text/css" rel="stylesheet" href="images/main.css">

<link rel="stylesheet" href="css/player.css">


<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="images/ie6.css" />
<![endif]-->
<script src="images/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="images/lightbox.min.js"></script>
<style type="text/css">
.wrapper{ margin:0px auto; padding:20px; border:1px solid #CCC; background:#333; width:980px; font-size:12px;}
</style>
<link rel="shortcut icon" type="image/x-icon" href="img/an.ico"/>
		<style type="text/css">
			/*样式初始化*/
			* {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			/*去除横向滚动条*/
			body {
				overflow-x: hidden;
				overflow-y: hidden;
				background-color: 000;
				font-size:13px;
				color: #ffffff;
			}
			/*将div铺满整个窗口*/
			.box {
				height: 100vh;
				min-height: 520px;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
background-color: 000;
			}
			/*设置大ul的大小及定位*/
			.content {
				position: relative;
				width: 100%;
				height: 100%;
background-color: 000;
			}
			/*设置大li样式*/
			.content li {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			/*将第一张图片后的图片隐藏*/
			#li1~li{display: none;}
			/*设置大li背景图片*/
			#li1 {background-image: url(./img/bg2.jpg);background-size:100%;}
			/*点击a标签,切换大图片*/
			#li1:target,
			#li2:target,
			#li3:target,
			#li4:target,
			#li5:target,
			#li6:target,
			#li7:target,
			#li8:target,
			#li9:target,
				display: block;
			}


		</style>
<script data-ad-client="ca-pub-8742386847853865" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<noscript></head></noscript>

<body bgcolor="#000000" Scroll=no>

		<div class="box" style="z-index:1;">
			<ul class="content">
				<li id="li1"></li>
				<li id="li2"></li>
				<li id="li3"></li>
				<li id="li4"></li>
				<li id="li5"></li>
				<li id="li6"></li>
				<li id="li7"></li>
				<li id="li8"></li>
				<li id="li9"></li>
			</ul>
		</div>

<!-- 代码 开始 -->
<div class="fish" style="position:absolute; width:1350px; height:500px; z-index:1; left: 35%; top: 38%;backgroud-color:000;">
 <table>
  <tr>
        <td> <a href="./poem/html/GuJinShiJi/index.html" target="_blank"><img src="img/btn9.gif" width="43" height="143" border="0" alt="" /> </a></td>
   	 	<td width="20"> </td>
   	 	<td> <a href="./poem/html/SanWen/index.html" target="_blank"><img src="img/btn8.gif" width="43" height="143" border="0" alt="" /> </a></td>
   	 	<td width="20"> </td>
   	 	<td> <a href="./poem/html/SanQu/index.html" target="_blank"><img src="img/btn7.gif" width="43" height="143" border="0" alt="" /> </a></td>
   	 	<td width="20"> </td>
   	 	<td> <a href="./poem/html/SongHou/index.html" target="_blank"><img src="img/btn6.gif" width="43" height="143" border="0" alt="" /> </a></td>
   	 	<td width="20"> </td>
   	 	<td> <a href="./poem/html/SongCi/index.html" target="_blank"><img src="img/btn5.gif" width="43" height="143" border="0" alt="" /> </a></td>
		<td width="20"> </td>
   	 	<td> <a href="./poem/html/SongQian/index.html" target="_blank"><img src="img/btn4.gif" width="43" height="143" border="0" alt="" /> </a></td>
		<td width="20"> </td>
   	 	<td> <a href="./poem/html/TangHou/index.html" target="_blank"><img src="img/btn3.gif" width="43" height="143" border="0" alt="" /> </a></td>
		<td width="20"> </td>
   	 	<td> <a href="./poem/html/TangChao/index.html" target="_blank"><img src="img/btn2.gif" width="43" height="143" border="0" alt="" /> </a></td>
		<td width="20"> </td>
   	 	<td> <a href="./poem/html/TangQian/index.html" target="_blank"><img src="img/btn1.gif" width="43" height="143" border="0" alt="" /> </a></td>
  </tr>
 </table>
</div>

<div class="fish2" style="position:absolute; width:1350px; height:500px; z-index:2; left: 34%; top: 93%;">
 <table>
  <tr>
   <td><font size="3">Copyright @ 2005-2013 WWW.FREE163.COM All Rights Reserved.</font></td>

  </tr>
 </table>
</div>


<!-- 代码 结束 -->
	</body>

</html>