大家看这个效果是怎么实现的？

[threezxw]

http://www.go2map.com/vip/default.asp
网页上面有一个浮动的条；怎么实现的呢？最好给个源码，谢谢各位大侠！

[lawdoor]

<!--工具条Start//-->
<table id="Tab_ToolsBar" style="position: absolute; left: 0; top: 0" width="100%" border="0" cellspacing="0" cellpadding="0" background="images/toptoolbarbg.gif">
<tr>
<td width="11" height="27"><img src="images/toptoolbarleft.gif" width="8" height="30"></td>
<td valign="top" height="18" align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="23" width="10"> </td>
<td height="23" width="24" align="center" valign="middle" onmouseover=PageMouseOver(this) onmouseout=PageMouseOut(this)><span onclick="commTextAction('prev')"><img src="images/tool-undo2.gif" width="18" height="18" id="Textprev" alt="返回上一查询结果"></span></td>
<td height="23" width="2" align="center" valign="middle"> </td>
<td height="23" width="24" align="center" valign="middle" onmouseover=PageMouseOver(this) onmouseout=PageMouseOut(this)><span onclick="commTextAction('next')"><img src="images/tool-redo2.gif" width="18" height="18" id="Textnext" alt="下一个查询结果"></span></td>
<td height="23" width="2" align="center" valign="middle"> </td>
<td height="23" width="24" align="center" valign="middle" onmouseover=PageMouseOver(this) onmouseout=PageMouseOut(this)><span onclick="commTextAction('last')"><img src="images/tool-lastdo2.gif" width="18" height="18" id="Textlast" alt="最后的查询结果"></span></td>
<td height="23" width="2" align="center" valign="middle"><img src="images/toptoolbarsp.gif" width="9" height="23"></td>
<td height="23" width="135" align="center" valign="middle" onmouseover=PageMouseOver3(this) onmouseout=PageMouseOut(this)><span onclick=window.open("http://202.108.43.26/server/manager/mobile/","","") style="cursor:hand"><img src="images/tool-dxin.gif" width="130" height="20" alt="查询移动梦网定制业务"></span></td>
<td height="23" width="2" align="center" valign="middle"></td>
<td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><span onclick=window.open("page/cancel.htm","","") style="cursor:hand"><img src="images/tool-cancel.gif" width="50" height="20" alt="短信业务退订"></span></td>

<!-- td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><span onclick=WOpenSimple("../login/changepwd.asp") style="cursor:hand"><img src="images/tool-cpwd.gif" width="50" height="20" alt="修改密码"></span></td>
<td height="23" width="2" align="center" valign="middle"></td>
<td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><span onclick=WOpenSimple("../login/logout.asp") style="cursor:hand"><img src="images/tool-logout.gif" width="50" height="20" alt="注销"></span></td>
<td height="23" width="2" align="center" valign="middle"></td>
<td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><span onclick=WOpenSimple('../login/modifiedoprt.asp') style="cursor:hand"><img src="images/tool-query.gif" width="50" height="20" alt="查询业务"></span></td-->
<td height="23" width="2" align="center" valign="middle"></td>
<td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><a href="../pagefoot/contact.htm" target="_blank"><img src="images/tool-guessbook.gif" width="50" height="20" alt="留言本" border=0></a></td>
<td height="23" width="2" align="center" valign="middle"></td>
<td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><a href="page/viphelp.htm" target="_blank"><img src="images/tool-help.gif" width="50" height="20" border=0 alt="帮助"></a></td>
<td height="23" width="2" align="center" valign="middle"></td>
<!--td height="23" width="55" align="center" valign="middle" onmouseover=PageMouseOver2(this) onmouseout=PageMouseOut(this)><a href="javascript:UserExit()"><img src="images/tool-exit.gif" width="50" height="20" alt="退出" border=0></a></td-->
<td height="23" width="2" align="center" valign="middle"></td>
</tr>
</table>
</td>
</tr>
</table><br><br><br>
<!--工具条End//-->

[lawdoor]

代码：
http://www.go2map.com/vip/mainpage.asp
查看源文件！

[lawdoor]

看看海娃的：
<html>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Trim(strValue)
{
return strValue.replace(/^\s*|\s*$/g,"");
}
function SetCookie(sName, sValue)
{
document.cookie = sName + "=" + escape(sValue)+";expires=Fri, 31 Dec 2050 23:59:59 GMT;";
window.status = sValue
}

function GetCookie(sName)
{
var aCookie = document.cookie.split(";");
for (var i=0; i < aCookie.length; i++)
{
var aCrumb = aCookie[i].split("=");
if (sName == Trim(aCrumb[0]))
{
return unescape(aCrumb[1]);
}
}
return null;
}
var hw_win_value = "205,*"
function rememmerWin()
{
if (GetCookie("hw_win")!=null){hw_win_value=GetCookie("hw_win")}
}
function cwin(id,url)
{
rememmerWin()
if(parent.dir.document.body.offsetWidth<11)
{
parent.bottom_frame.cols=hw_win_value;
id.style.border='1 inset #FFFFFF';
id.className="down1";
if (top.dir.location.href.indexOf(url)==-1)
{
top.dir.location.href=url;
}
}
else
{
parent.bottom_frame.cols='-10,*';
id.className="bar";
id.style.border='1px solid #D6D3CE';
}
}
function fullme(e)
{
if(document.all)
{
if(screen.availWidth==top.document.body.offsetWidth)
{
top.moveTo(0,0);
top.resizeTo(screen.availWidth,screen.availHeight);
fullwin.style.border='1px solid #D6D3CE';
fullwin.className="bar";
}
else
{
top.moveBy(e.clientX-e.screenX,e.clientY-e.screenY);
top.resizeBy(screen.availWidth-top.document.body.offsetWidth,screen.availHeight-top.document.body.offsetHeight);
fullwin.style.border='1 inset #FFFFFF';
fullwin.className="down1";
}
}
else
{
alert("请使用IE")
}
}
//-->
</SCRIPT>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>TOP</title>
<style>body,td,div,a,input{font-size:12px;}
.bar{font:12px; background:#D6D3CE;color: #000000;border:1px solid #D6D3CE;cursor:default; behavior:url(img/button.htc)}
.up1{ background-color: #D6D3CE; border-left: 1px solid white; border-right: 1px solid #711200;color: #FF9900;border-top: 1px solid white; border-bottom: 1px solid #711200;padding: 1px }
.down1{ background-color: #D6D3CE; border: 1 inset #FFFFFF;padding: 0;cursor:default; }
</style>
</head>
<body bgcolor="#D6D3CE" topmargin="0" leftmargin="0" onselectstart="return false;" xonload=cwin(folderbar,"dir.asp");>
<script language="javascript" event="onerror(msg, url, line)" for="window">return true;</script>
<div align="left" class=up1>
<table border="0" cellpadding="0" cellspacing="0" height="22" >
<tr nowrap>
<td align="center" width="1"><img border="0" src="toolbar/bar.gif" width="10" height="16"></td>
<td align="center" width="50" nowrap class=bar onclick=top.main.history.go(-1);><img border="0" src="toolbar/back.gif" width="16" height="16" hspace="1" align="absmiddle">后退</td>
<td align="center" width="50" nowrap class=bar onclick=top.main.history.go(1);><img border="0" src="toolbar/forward.gif" width="16" height="16" hspace="1" align="absmiddle">前进</td>
<td align="center" width="75" nowrap class=bar onclick=top.dir.location.reload();><img border="0" src="toolbar/reload.gif" width="16" height="16" hspace="1" align="absmiddle">刷新目录</td>
<td align="center" width="25" nowrap class=bar onclick=top.main.location.href="main.asp";><img border="0" src="toolbar/home.gif" width="16" height="16" hspace="1" align="absmiddle"></td>
<td align="center" width="50" nowrap class=bar id="folderbar" onclick=cwin(folderbar,"dir.asp");><img border="0" src="toolbar/dir.gif" width="16" height="16" hspace="1" align="absmiddle">目录</td>
<td align="center" width="50" nowrap class=bar onclick='fullme(event);' id="fullwin"><img border="0" src="toolbar/fullscreen.gif" width="16" height="16" hspace="1" align="absmiddle"> 全屏</td>
</tr>
</table>
</div>
</body>
</html>

演示：http://www.51windows.net/myjs/top.asp

[whghwujx]

呵呵！
文件－>另存为（或者查看源文件），然后用dw打开编辑，把不用的去掉，剩下的就是楼主想要的了

[fanfanlovefanfan]

关注

[huhanshan013]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title><LINK
href="img/cf.css" type=text/css rel=stylesheet>
<SCRIPT language=JavaScript>
<!--
var k=0;
var imgname1="img/cssp";
var imgname2=".jpg";
var imgnub=3;
function start(){
obj=eval("img1");
if (obj.filters.item(0).Transition==10)
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (k<imgnub) {k++;
}else {k=1;
}
obj.src=imgname1+k+imgname2;
obj.filters.item(0).Play();
setTimeout("start(1)",2000);
}
-->
</SCRIPT>
</head>

<body onload="start()">
<APPLET CODE="image3dcube.class" WIDTH=288 HEIGHT=288>
<PARAM name="background" value="FFFFFF">
<PARAM name="shadowcolor" value="FFFFFF">
<PARAM name="textcolor" value="000000">
<PARAM name="spotlight" value="no">
<PARAM name="showlightbutton" value="no">
<PARAM name="sleeptime" value="5">
<PARAM name="target" value="_self">
<PARAM name="anglestep" value="2">
<PARAM name="mouseresponse" value="6">
<PARAM name="zoomspeed" value="1">
<PARAM name="image0" value="cctv-7sun.jpg">
<PARAM name="image1" value="cctv-7sun2.jpg">
<PARAM name="image2" value="cctv-7sun3.jpg">
<PARAM name="image3" value="cctv-7sun4.jpg">
<PARAM name="image4" value="cctv-7sun5.jpg">
<PARAM name="image5" value="cctv-7sun6.jpg">

</APPLET>
<br><br>
<IMG id=img1 style="FILTER: revealTrans(Transition=1,Duration=1.5)"
height=134 hspace=10 src="img/cssp1.jpg" width=200
align=left>
<br><br><br><br><br><br><br><br><br><br><br><br>
<marquee scrolldelay="300" hspace=0 vspace=0 width=365 align=middle height=50 direction=up >

<img src="img/cctv-7sun2.jpg" width="50" height="50"><br>
<img src="img/cctv-7sun3.jpg" width="50" height="50"><br>
<img src="img/cctv-7sun4.jpg" width="50" height="50">

</marquee>
</body>
</html>

img文件夹中放相应的图片cctv-7sun4.jpg。。。。，呵呵，试试：