一副图片从网页中顶部下落的代码是什么?

大家可以看看这个网站 里的效果:http://www.yuhou.com/
就是有个图片从顶部落下,再从顶部落下,这样一直循环

第1个回答  2006-10-18
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 雨后池塘,“蛙声”一片;个性展示,交流无限! </title>
<!-- www.YuHou.Com * www.YuHou.Net + www.TrueMe.Net -->
<meta name="description" content="雨后池塘--交友社区:非常清新的网站...

这里有遍及天涯海角的蛙友,一个女孩多过男孩的美丽的地方!">
<meta name="keywords" content="交友,friends,交友社区,网上交友,女孩,男

孩,girle,boy,友情,爱情,love,我的小屋,网恋,青蛙,日记,文学,朋友">
<link rel="stylesheet" href="/commcn.css" type="text/css">
<style type="text/css">
<!--
a {text-decoration:none; }
a:hover {color: green;text-decoration:underline; }
body {
font-size: 12px; line-height: 16px;
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ECF6F5;
SCROLLBAR-3DLIGHT-COLOR: #EEF4EC;
SCROLLBAR-ARROW-COLOR: #799B97;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #BDCECC;
}
td {
font-size: 12px; line-height: 16px;
}
.LiuJg_cmd1 {
font-size: 12px;
background-color: #7abc00; color: #000000; cursor: hand; border:

1px #909090 solid;
}
.LiuJg_txt1 {
font-size: 12px; color: #336600; background-color: #FFFFFF;

border: 1px #008000 solid;
}
.LiuJg_dwn1:hover {
left: 1px; position: relative;
top: 1px; text-decoration: none;
}
.yuhou_tab1 {
border-style: dashed;
border-top-width: 0px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 0px;
}
.yuhou_tab2 {
border-style: dotted;
border-top-width: 2px; border-right-width: 2px;
border-bottom-width: 2px; border-left-width: 2px;
}
-->
</style>
<bgsound src="bb_midi/biubiu.mid" loop="-1">
<base target="_top"></head>

<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000"

alink="#000000"
onselectstart="return false" ondragstart="return false"
topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<center>
<table border="0" width="763" cellspacing="0" cellpadding="0">
<tr><td valign="top" height="220">
<style>
#p1_00 {position:absolute;}
#p1_01 {position:absolute; left:0; top:0; width:2; height:2;}
#p1_02 {position:absolute; left:195; top:0; width:2; height:2;}
#p1_03 {position:absolute; left:0; top:73; width:2; height:2;}
#p1_04 {position:absolute; left:144; top:159; width:2; height:2;}
#p1_05 {position:absolute; left:220; top:113; width:40; height:21;}
#p1_06 {position:absolute; left:201; top:51; width:57; height:61;}
#p1_07 {position:absolute; left:307; top:124; width:39; height:21;}
#p1_08 {position:absolute; left:276; top:64; width:57; height:61;}
#p1_09 {position:absolute; left:398; top:122; width:41; height:21;}
#p1_10 {position:absolute; left:353; top:68; width:57; height:61;}
#p1_11 {position:absolute; left:473; top:88; width:42; height:22;}
#p1_12 {position:absolute; left:423; top:38; width:57; height:61;}
#p1_13 {position:absolute; left:553; top:0; width:2; height:2;}
#p1_14 {position:absolute; left:721; top:78; width:2; height:2;}
#p1_15 {position:absolute; left:582; top:66; width:8; height:17;}
#p1_16 {position:absolute; left:552; top:67; width:2; height:2;}
#p1_17 {position:absolute; left:564; top:82; width:2; height:2;}
#p1_18 {position:absolute; left:565; top:196; width:2; height:2;}
#p1_19 {position:absolute; left:711; top:170; width:2; height:2;}
#p1_20 {position:absolute; left:571; top:47; width:152; height:152;}
#p1_21 {position:absolute; left:706; top:50; width:2; height:2;}
#p1_22 {position:absolute; left:533; top:175; width:2; height:2;}
</style>
<div id="p1_00">
<div id="p1_01">
<img border="0" src="images/e_001.jpg"></div>
<div id="p1_02">
<img border="0" src="images/e_002.jpg"></div>
<div id="p1_03">
<img border="0" src="images/e_003.jpg"></div>
<div id="p1_04">
<img border="0" src="images/e_004.jpg"></div>
<div id="p1_05">
<img border="0" src="images/button_wx.jpg"></div>
<div id="p1_06">
<a href="/wx/" class="LiuJg_dwn1"><img border="0" src="images/cmd.gif"

alt="蛙友文学社"></a></div>
<div id="p1_07">
<img border="0" src="images/button_bl.jpg"></div>
<div id="p1_08">
<a href="/club/" class="LiuJg_dwn1"><img border="0" src="images/cmd.gif"

alt="我的小区"></a></div>
<div id="p1_09">
<img border="0" src="images/button_hk.jpg"></div>
<div id="p1_10">
<a href="/card/" class="LiuJg_dwn1"><img border="0" src="images/cmd.gif"

alt="贺卡之舟"></a></div>
<div id="p1_11">
<img border="0" src="images/button_kf.jpg"></div>
<div id="p1_12">
<a href="/help/" class="LiuJg_dwn1"><img border="0" src="images/cmd.gif"

alt="帮助中心"></a></div>
<div id="p1_13">
<img border="0" src="images/e_005.jpg"></div>
<div id="p1_14">
<img border="0" src="images/e_006.jpg"></div>
<div id="p1_15">
<img border="0" src="images/liujg.lvya.gif"></div>
<div id="p1_16">
<img border="0" src="images/gonggao06.jpg"></div>
<div id="p1_17">
<img border="0" src="images/gonggao05.jpg"></div>
<div id="p1_18">
<img border="0" src="images/gonggao04.jpg"></div>
<div id="p1_19">
<img border="0" src="images/gonggao03.jpg"></div>
<div id="p1_20">
<table width="100%" height="100%" border="0" cellspacing="3"

cellpadding="3">
<tr><td height="100%" align="left" style="line-height:17px;">
<MARQUEE onmouseover="this.stop()" onmouseout="this.start()"

scrollAmount="1" scrollDelay="58"
direction="up" width="100%" height="140">
<span style="color:#1E4213">
<font color=#919191>①</font><font color=red>新小屋装修流程:</font><br>
请刚入住VIP小屋的新生到<a href="/bbs/part.asp?bbs=a01&j=1"><u>客户服务论

坛</u></a>,查看小屋装修流程。
<br><br>
<font color=#919191>②</font><font color=red>论坛(BBS)大赠送:

</font><br>
新购小屋,续费或剩余服务期限超过一年的用户将获赠新开发的精美论坛(BBS)一套

......
</span>
</MARQUEE>
</td></tr>
</table></div>
<div id="p1_21">
<img border="0" src="images/e_g05.gif"></div>
<div id="p1_22">
<img border="0" src="images/e_007.jpg"></div>
</div></td></tr></table>

<table border="0" width="763" cellspacing="0" cellpadding="0">
<tr><td valign="top" height="386">
<style>
#p2_00 {position:absolute;}
#p2_01 {position:absolute; left:20; top:60; width:2; height:2;}
#p2_02 {position:absolute; left:16; top:25; width:2; height:2;}
#p2_03 {position:absolute; left:135; top:26; width:136; height:27;}
#p2_04 {position:absolute; left:154; top:26; width:66; height:14;}
#p2_05 {position:absolute; left:141; top:54; width:168; height:89;}
#p2_06 {position:absolute; left:260; top:116; width:2; height:2;}
#p2_07 {position:absolute; left:334; top:26; width:136; height:27;}
#p2_08 {position:absolute; left:354; top:26; width:66; height:12;}
#p2_09 {position:absolute; left:350; top:52; width:168; height:18;}
#p2_10 {position:absolute; left:350; top:67; width:168; height:17;}
#p2_11 {position:absolute; left:361; top:82; width:168; height:19;}
#p2_12 {position:absolute; left:373; top:97; width:168; height:19;}
#p2_13 {position:absolute; left:385; top:113; width:168; height:19;}
#p2_14 {position:absolute; left:396; top:128; width:168; height:19;}
#p2_15 {position:absolute; left:407; top:144; width:168; height:19;}
#p2_16 {position:absolute; left:421; top:160; width:168; height:17;}
#p2_17 {position:absolute; left:421; top:177; width:168; height:16;}
#p2_18 {position:absolute; left:407; top:193; width:168; height:14;}
#p2_19 {position:absolute; left:394; top:208; width:168; height:10;}
#p2_20 {position:absolute; left:382; top:223; width:168; height:18;}
#p2_21 {position:absolute; left:370; top:240; width:168; height:17;}
#p2_22 {position:absolute; left:357; top:256; width:168; height:17;}
#p2_23 {position:absolute; left:560; top:0; width:2; height:2;}
#p2_24 {position:absolute; left:725; top:42; width:2; height:2;}
#p2_25 {position:absolute; left:610; top:24; width:120; height:2;}
#p2_26 {position:absolute; left:692; top:14; width:2; height:2;}
#p2_27 {position:absolute; left:566; top:45; width:2; height:2;}
#p2_28 {position:absolute; left:4; top:190; width:2; height:2;}
#p2_29 {position:absolute; left:32; top:267; width:2; height:2;}
#p2_30 {position:absolute; left:246; top:196; width:2; height:2;}
#p2_31 {position:absolute; left:108; top:206; width:2; height:2;}
#p2_32 {position:absolute; left:337; top:290; width:2; height:2;}
#p2_33 {position:absolute; left:355; top:288; width:172; height:20;}
#p2_34 {position:absolute; left:568; top:131; width:2; height:2;}
#p2_35 {position:absolute; left:636; top:348; width:2; height:2;}
</style>
<div id="p2_00">
<div id="p2_01">
<img border="0" src="images/e_g01.gif"></div>
<div id="p2_02">
<a href="/bbs/" class="LiuJg_dwn1"><img border="0"

src="images/e_008.jpg" alt="池塘灌水渠"></a></div>
<div id="p2_03">
<img border="0" src="images/nrhead.jpg"></div>
<div id="p2_04">
<font color="#588800">社区精选</font></div>
<div id="p2_05">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="10%"><img border="0" src="images/sjx.jpg" width="11"

height="13"></td>
<td width="90%"><a href="sqsquare.asp">蛙仔蛙妹,欢乐聚会</a></td></tr>
<tr><td width="10%"><img border="0" src="images/sjx.jpg" width="11"

height="13"></td>
<td width="90%"><a href="/self/huji.html">户籍管理</a>.<a

href="/point/">雨点账户</a></td></tr>
<tr><td width="10%"><img border="0" src="images/sjx.jpg" width="11"

height="13"></td>
<td width="90%"><a href="/chat/" target="_blank">雨后聊天房</a>!

</td></tr>
<tr><td width="10%"><img border="0" src="images/sjx.jpg" width="11"

height="13"></td>
<td width="90%"><a href="sendmail.html">池塘信使</a>.<a

href="/gbook/view.asp?i=1" target="_blank">公共留言</a></td></tr>
<tr><td width="10%"><img border="0" src="images/sjx.jpg" width="11"

height="13"></td>
<td width="90%"><a href="myroom.asp">我的小屋</a>.<a

href="/self/ziwotj.asp">自我推荐</a></td></tr>
<tr><td width="10%"><img border="0" src="images/sjx.jpg" width="11"

height="13"></td>
<td width="90%"><a href="select.asp">青草池塘,蛙声一片</a></td></tr>
</table></div>
<div id="p2_06">
<img border="0" src="images/hot2.gif"></div>
<div id="p2_07">
<img border="0" src="images/nrhead.jpg"></div>
<div id="p2_08">
<font color="#588800">池塘深处</font></div>
<div id="p2_09">
<img border="0" src="images/sjx.jpg">
A) <a href="/build/">我家后院</a></div>
<div id="p2_10">
<img border="0" src="images/sjx.jpg">
B) <a href="/praise/">心中池塘</a></div>
<div id="p2_11">
<img border="0" src="images/sjx.jpg">
C) <a href="/thebus/">公交一路</a></div>
<div id="p2_12">
<img border="0" src="images/sjx.jpg">
D) <a href="/dir/">查找朋友</a></div>
<div id="p2_13">
<img border="0" src="images/sjx.jpg">
E) <a href="/club/?we=yuhou">小区范例</a></div>
<div id="p2_14">
<img border="0" src="images/sjx.jpg">
F) <a href="/baba-wu.html">荷叶漂漂</a></div>
<div id="p2_15">
<img border="0" src="images/sjx.jpg">
G) <a href="/marry/">同居密友</a></div>
<div id="p2_16">
<img border="0" src="images/sjx.jpg">
H) <a href="/song/">点歌传情</a></div>
<div id="p2_17">
<img border="0" src="images/sjx.jpg">
I) <a href="/self/bb_rjtm.asp">今天日记</a></div>
<div id="p2_18">
<img border="0" src="images/sjx.jpg">
G) <a href="/sms/">手机短信</a></div>
<div id="p2_19">
<img border="0" src="images/sjx.jpg">
K) <a href="/domain/">二级域名</a></div>
<div id="p2_20">
<img border="0" src="images/sjx.jpg">
L) <a href="/calendar.html">在线日历</a></div>
<div id="p2_21">
<img border="0" src="images/sjx.jpg">
M) <a href="/xmas/">圣诞专辑</a></div>
<div id="p2_22">
<img border="0" src="images/sjx.jpg">
N) <a href="/xlog/">网络日志</a></div>
<div id="p2_23">
<img border="0" src="images/e_g02.gif"></div>
<div id="p2_24">
<img border="0" src="images/e_g03.gif"></div>
<div id="p2_25" nowrap>
{<font color="#FF00FF">5802</font>人在线}</div>
<div id="p2_26">
<img border="0" src="images/e_g04.gif"></div>
<div id="p2_27">
<table border="0" width="157" cellspacing="0" cellpadding="0">
<form action="login.asp" method="POST" name="mainform">
<tr><td width="32" nowrap>小屋:</td>
<td width="*"><input type="text" name="xw_name" size="19"

class="LiuJg_txt1" maxlength="30"></td></tr>
<tr><td width="32" nowrap>密码:</td>
<td width="*"><input type="password" name="xw_pass" size="19"

class="LiuJg_txt1" maxlength="30"></td></tr>
</table>
<table border="0" width="168" cellspacing="0" cellpadding="0">
<tr><td height="5"></td></tr>
<tr><td nowrap height="5" valign="bottom">
<img border=0 src="images/yuhou_liujg_space.gif" width=3 height=6><a
href="login.html" class="LiuJg_dwn1"><input type="image"

src="images/e_login.gif" border="0" width="34" height="19" alt="登录"

onclick="javascript:document.mainform.submit();"></a><img border=0

src="images/yuhou_liujg_space.gif" width=6 height=6><a
href="join.html" class="LiuJg_dwn1"><img border="0"

src="images/joincmd2.gif" width="34" height="19" alt="注册"></a><img

border=0 src="images/yuhou_liujg_space.gif" width=7 height=6><a
href="/work/busi_login.asp" class="LiuJg_dwn1"><img border="0"

src="images/e_center.gif" width="70" height="19" alt="管理中心"></a>
</td></tr>
</form></table></div>
<div id="p2_28">
<img border="0" src="images/e_010.jpg"></div>
<div id="p2_29">
<img border="0" src="images/e_g06.gif"></div>
<div id="p2_30">
<img border="0" src="images/e_009.jpg"></div>
<div id="p2_31">
<table border="0" width="200" cellspacing="0" cellpadding="0">
<form action="/dir/search.asp" method="GET">
<tr><td width="58" bgcolor="#f0f0f0">年龄:</td>
<td width="142"><select size="1" name="age" class="LiuJg_txt1">
<option value="" selected>随便</option>
<option value="1,10">10岁以下</option>
<option value="10,15">10-15岁</option>
<option value="1,15">15岁以下</option>
<option value="15,20">15-20岁</option>
<option value="20,25">20-25岁</option>
<option value="15,25">15-25岁</option>
<option value="25,30">25-30岁</option>
<option value="30,35">30-35岁</option>
<option value="25,35">25-35岁</option>
<option value="35,200">35岁以上</option>
</select></td></tr>
<tr><td width="58">性别:</td>
<td width="142">
<select size="1" name="sex" class="LiuJg_txt1">
<option selected value="">随便</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</td></tr>
<tr><td width="58" bgcolor="#f0f0f0" nowrap>所在省市:</td>
<td width="142">
<select name="city" size=1 class="LiuJg_txt1"><option value="" selected>

随便</option>
<option value="安徽">安徽</option>
<option value="北京">北京</option>
<option value="重庆">重庆</option>
<option value="福建">福建</option>
<option value="甘肃">甘肃</option>
<option value="广东">广东</option>
<option value="广西">广西</option>
<option value="贵州">贵州</option>
<option value="海南">海南</option>
<option value="河北">河北</option>
<option value="黑龙江">黑龙江</option>
<option value="河南">河南</option>
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="内蒙古">内蒙古</option>
<option value="江苏">江苏</option>
<option value="江西">江西</option>
<option value="吉林">吉林</option>
<option value="辽宁">辽宁</option>
<option value="宁夏">宁夏</option>
<option value="青海">青海</option>
<option value="山西">山西</option>
<option value="陕西">陕西</option>
<option value="山东">山东</option>
<option value="上海">上海</option>
<option value="四川">四川</option>
<option value="天津">天津</option>
<option value="西藏">西藏</option>
<option value="新疆">新疆</option>
<option value="云南">云南</option>
<option value="浙江">浙江</option>
<option value="香港">香港</option>
<option value="澳门">澳门</option>
<option value="台湾">台湾</option>
<option value="其他">其他</option>
</select></td></tr>
<tr><td width="58">行业:</td>
<td width="142"><select name="job" size=1 class="LiuJg_txt1"><option

value="" selected>随便</option>
<option value="教育/研究">教育/研究</option>
<option value="艺术/设计">艺术/设计</option>
<option value="法律相关行业">法律相关行业</option>
<option value="行政管理">行政管理</option>
<option value="传播/媒体">传播/媒体</option>
<option value="顾问/分析员">顾问/分析员</option>
<option value="服务/后勤">服务/后勤</option>
<option value="金融/财会">金融/财会</option>
<option value="政府机关">政府机关</option>
<option value="业务/广告">业务/广告</option>
<option value="营销/中介">营销/中介</option>
<option value="秘书/行政助理">秘书/行政助理</option>
<option value="保险/营销">保险/营销</option>
<option value="交通运输">交通运输</option>
<option value="计算机">计算机</option>
<option value="邮电通讯">邮电通讯</option>
<option value="进出口贸易">进出口贸易</option>
<option value="机械冶金">机械冶金</option>
<option value="出版印刷">出版印刷</option>
<option value="建筑业">建筑业</option>
<option value="医药卫生">医药卫生</option>
<option value="旅游文化">旅游文化</option>
<option value="科研">科研</option>
<option value="农业种植">农业种植</option>
<option value="鱼牧副业">鱼牧副业</option>
<option value="石油化工">石油化工</option>
<option value="学生">学生</option>
<option value="部队">部队</option>
<option value="退休">退休</option>
<option value="自由职业">自由职业</option>
<option value="其他行业">其他行业</option>
</select></td></tr>
<tr><td width="58" bgcolor="#f0f0f0" nowrap>入住时间:</td>
<td width="142"><select size="1" name="jointime" class="LiuJg_txt1">
<option selected value="">随便</option>
<option value="21">三周以内</option>
<option value="30">一个月内</option>
<option value="60">二个月内</option>
<option value="90">三个月内</option>
</select></td></tr>
<tr><td width="58"> </td>
<td width="142"><input type="submit" value="按指定条件查找"

class="LiuJg_cmd1"></td>
</form>
</tr>
<tr><td width="58"> </td>
<td width="142"> </td></tr>
<tr>
<form method="GET" action="/self/" name="frm_goXw">
<td width="58" bgcolor="#f0f0f0">小屋:</td>
<td width="142">
<input type="text" name="name" size="16" class="LiuJg_txt1"><input

type="submit" value="Go" class="LiuJg_cmd1">
</td></form>
</tr>
</table></div>
<div id="p2_32">
<table border="1" width="100%" height="69" bordercolor="#E8E8E8"

cellspacing="0" cellpadding="0">
<tr><td width="100%" height="68" valign="middle">热点专栏

</td></tr></table></div>
<div id="p2_33">
<table border="0" width="100%" cellspacing="1" cellpadding="0">
<tr><td width="100%">
<img border="0" src="images/Little01.jpg">
<a href="http://www.trueme.net/">温馨小屋--家的感觉!</a>
</td></tr>
<tr><td width="100%">
<img border="0" src="images/Little01.jpg">
<a href="/work/xw.asp">VIP小屋介绍!</a>
</td></tr>
<tr><td width="100%">
<img border="0" src="images/Little01.jpg">
<a href="/work/join.asp">VIP小屋,购买申请单</a>
</td></tr>
<tr><td width="100%">
<img border="0" src="images/Little01.jpg">
<a href="/help/">帮助中心--用户必读</a>
</td></tr>
<tr><td width="100%">
<img border="0" src="images/Little01.jpg">
<a href="/club/">我的小区--温情部落!</a>
</td></tr>
</table></div>
<div id="p2_34">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<img border="0" src="images/e_011.jpg"></td></tr>
<tr><td align="center" valign="top" width="100%"

background="images/e_g07.gif" height="175">
<table bordercolor="#C5DAAB" border="0" width="90%" cellspacing="0"

cellpadding="1">
<tr><td width='85%' height='19' class='yuhou_tab1'><a

href='/self/?name=欣婧'>欣婧</a></td><td width='15%' align='center'

nowrap>14:44</td></tr>
<tr><td width='85%' height='19' class='yuhou_tab1'><a href='/self/?

name=qunkenen'>qunken..+</a></td><td width='15%' align='center'

nowrap>14:44</td></tr>
<tr><td width='85%' height='19' class='yuhou_tab1'><a href='/self/?name=

浪花飘过身边'>浪花飘过身边</a></td><td width='15%' align='center'

nowrap>14:44</td></tr>
<tr><td width='85%' height='19' class='yuhou_tab1'

参考资料:呵呵 自己看

相似回答