<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style/styles.css" />
<title>个人主页</title>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 520px;
}
#demo img {
border: 1px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
*{ margin:0px; padding: 0px; }
#nav {
font-family: arial, sans-serif;
position: relative;
width: 800px;
height:56px;
font-size:14px;
color:#999;
margin: 0 auto;
}
#nav ul {
list-style-type: none;
}
#nav ul li {
float: left;
position: relative;
}
#nav ul li a {
text-align: center;
border-right:1px solid #e9e9e9;
padding:20px;
display:block;
text-decoration:none;
color:#999;
}
#nav ul li ul {
display: none
}
#nav ul li:hover ul {
display: block;
position: absolute;
}
#nav ul li:hover ul li a {
display:block;
background:#3F4548;
color:#ffffff;
width: 80px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
}
#nav ul li:hover ul li a:hover {
background:#6dc7ec;
color:#fff;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="nav">
<ul id="navlist">
<li style="font-size:16px"><a href="index.html">首页</a></li>
<li style="font-size:16px"><a href="1.html">个人简介</a><ul><li class="top"><a href="1.html" target="_blank">个人简介</a></li></ul></li>
<li style="font-size:16px"><a href="5.html">作品详情</a><ul><li class="top"><a href="5.html" target="_blank">作品详情</a></li></ul></li>
<li style="font-size:16px"><a href="6.html">作品展示</a><ul><li class="top"><a href="6.html" target="_blank">作品展示</a></li></ul></li>
<li style="font-size:16px"><a href="7.html">用户注册</a><ul><li class="top"><a href="7.html" target="_blank">用户注册</a></li></ul></li>
<li style="font-size:16px"><a href="2.html">我的收藏</a><ul><li class="top"><a href="2.html" target="_blank">我的收藏</a></li></ul></li>
<li style="font-size:16px"><a href="3.html">我的文档</a><ul><li class="top"><a href="3.html" target="_blank">我的文档</a></li></ul></li>
<li style="font-size:16px"><a href="4.html">留言板</a></li>
</ul>
</div>
<div id="subheader"></div>
<div id="right">
<br />
<div class="rightboxes">
<div id="menu">
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="images/11.jpeg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/12.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/13.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/14.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/15.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/16.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/17.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/18.jpg" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/19.png" width="156" height="156" border="0" /></a>
<a href="#"><img src="images/20.jpg" width="156" height="156" border="0" /></a>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script> </div>
</div>
<div class="rightboxes">
<h4 style="font-size:16px"><MARQUEE scrollAmount=3 behavior=alternate>个人简介</MARQUEE></h4>
<p> 常用ID小白</p>
<p>
喜欢一切漂亮好看的东西 </p>
</div>
</div>
<div id="content">
<h2 style="font-size:16px">我的</h2>
<div id="important_box">
<h1><a href="2.html"><img src="images/1.jpg" alt="Important!" width="197" height="269" /></a></h1>
<h1><a href="2.html"><img src="images/2.jpg" alt="Important!" width="197" height="193" /></a></h1>
</div>
</div>
<div id="footer">
<p> </p>
</div>
</div>
<embed src="music/1.mp3" width="0" height="0" hidden="true" autostart="true" loop="true"></embed>
</body>
</html>
个人主页（内含8个页面包括主页，有轮播图）
版权申诉
5星 · 超过95%的资源 66 浏览量
2022-06-30
00:03:35
上传
评论 3
收藏 14MB ZIP 举报 
个人主页.zip （39个子文件） 
个人主页 style 
styles.css 5KB images 
26.jpg 461KB 15.jpg 104KB
container_tile.gif 2KB 14.jpg 176KB 2.jpg 235KB
19.png 471KB 1.jpg 245KB linkbar_bg.jpg 8KB 25.jpg 637KB 5.jpg 1.09MB 21.jpg 1.42MB 738b4710b912c8fcc132045dfc039245d7882158.jpg 190KB subheader_bg.jpg 7KB 11.jpeg 110KB 4.jpg 1.44MB 23.jpg 792KB 22.jpg 891KB 24.jpg 728KB 17.jpg 131KB 18.jpg 175KB 11111.jpg 189KB 13.jpg 55KB 16.jpg 108KB Thumbs.db 15KB 12.jpg 77KB 6.jpeg 624KB body_bg.gif 1KB 20.jpg 129KB 3.png 289KB
3.html 3KB 7.html 4KB music 1.mp3 3.57MB 5.html 3KB index.html 5KB 2.html 3KB 4.html 4KB 1.html 3KB 6.html 3KB资源评论
noob12122022-07-29资源不错，对我启发很大，获得了新的灵感，受益匪浅。- m0_593377082022-07-07非常有用的资源，有一定的参考价值，受益匪浅，值得下载。
