如下代码如何改写
bbzy 2008-09-16 08:41:30 我有如下代码,是在首页显示的,其功能是,当鼠标滑动,然后显示相应内容,由于每个js文件内容比较多,因此在首页显示时候,由于需要下载显示全部内容,严重影响首页的速度,
我现在想,在首页第一次显示时,只下载显示"县市局动态"的内容
<script language="javascript" src="js/xsjnews0.js"></script>
在首页显示完毕时候,再根据用户鼠标滑动,再下载显示相关内容,比如移动到城市A,则下载显示城市A的有关信息.
请问,代码该如何改写?
谢谢!
<style>#button {
width: 764px;
border-right: 0px solid #000;
padding: 0 0 0em 0;
margin-bottom: 0.2em; <!-- 控制行间距离 -->
font-size: 90%;
background-color: #FCFCFE;
color: #333;
}
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#button li {
border-bottom: 1px solid #FCFCFE;
width:109px; <!-- 控制文字宽度 -->
margin: 0;
}
#button li a {
display: block;
padding: 2px 2px 2px 0.2em; <!-- 控制文字高度 -->
border-left: 0px solid #1958b7;
border-right: 0px solid #508fc4;
border-bottom: 1px solid #508fc4;
background-color: #E0E3F6;
color: #0099ff;
text-decoration: none;
width: 100%;
}
html>body #button li a {
width: auto;
}
#button li a:hover {
border-left: 1px solid #1c64d1;
border-right: 1px solid #5ba3e0;
border-bottom: 0px solid #508fc4;
background-color: #FFFFFF;
color: #0099ff;
font-weight: bold;
}
marquee
{
border:1px black solid;
display:none;
background-color:#7788FF;
}
</style>
<script>
function display(marqueeid)
{
if(marqueeid=="marquee1")
{
document.getElementById("marquee1").style.display='block';
document.getElementById("marquee2").style.display='none';
document.getElementById("marquee3").style.display='none';
document.getElementById("marquee4").style.display='none';
document.getElementById("marquee5").style.display='none';
document.getElementById("marquee6").style.display='none';
document.getElementById("marquee7").style.display='none';
}
if(marqueeid=="marquee2")
{
document.getElementById("marquee2").style.display='block';
document.getElementById("marquee1").style.display='none';
document.getElementById("marquee3").style.display='none';
document.getElementById("marquee4").style.display='none';
document.getElementById("marquee5").style.display='none';
document.getElementById("marquee6").style.display='none';
document.getElementById("marquee7").style.display='none';
}
if(marqueeid=="marquee3")
{
document.getElementById("marquee3").style.display='block';
document.getElementById("marquee1").style.display='none';
document.getElementById("marquee2").style.display='none';
document.getElementById("marquee4").style.display='none';
document.getElementById("marquee5").style.display='none';
document.getElementById("marquee6").style.display='none';
document.getElementById("marquee7").style.display='none';
}
if(marqueeid=="marquee4")
{
document.getElementById("marquee4").style.display='block';
document.getElementById("marquee1").style.display='none';
document.getElementById("marquee2").style.display='none';
document.getElementById("marquee3").style.display='none';
document.getElementById("marquee5").style.display='none';
document.getElementById("marquee6").style.display='none';
document.getElementById("marquee7").style.display='none';
}
if(marqueeid=="marquee5")
{
document.getElementById("marquee5").style.display='block';
document.getElementById("marquee1").style.display='none';
document.getElementById("marquee2").style.display='none';
document.getElementById("marquee3").style.display='none';
document.getElementById("marquee4").style.display='none';
document.getElementById("marquee6").style.display='none';
document.getElementById("marquee7").style.display='none';
}
if(marqueeid=="marquee6")
{
document.getElementById("marquee6").style.display='block';
document.getElementById("marquee1").style.display='none';
document.getElementById("marquee2").style.display='none';
document.getElementById("marquee3").style.display='none';
document.getElementById("marquee4").style.display='none';
document.getElementById("marquee5").style.display='none';
document.getElementById("marquee7").style.display='none';
}
if(marqueeid=="marquee7")
{
document.getElementById("marquee7").style.display='block';
document.getElementById("marquee1").style.display='none';
document.getElementById("marquee2").style.display='none';
document.getElementById("marquee3").style.display='none';
document.getElementById("marquee4").style.display='none';
document.getElementById("marquee5").style.display='none';
document.getElementById("marquee6").style.display='none';
}
}
</script>
<%
Dim oyear,omonth,nyear,nmonth,oday,nday,date1,xdate1,date2,xdate2
oyear=2004
omonth=1
nyear=year(now())
nmonth=month(now())
oday=1
nday=setDay(nyear,nmonth)
date1 = cstr(oyear) & "-" & cstr(omonth) & "-" & cstr(oday)
xdate1 =cdate(date1)
date2 = cstr(nYear) & "-" & cstr(nMonth) & "-" & cstr(nday)
'response.write "*"&date1&"*"&date2
xdate2 =cdate(date2)
function wordlen(strChinese)
dim lenTotal,strWord,i
lenTotal = 0
for i=1 to Len(strChinese)
strWord = mid(strChinese, i, 1)
if asc(strWord) < 0 or asc(strWord) > 127 then
lenTotal = lenTotal + 2
else
lenTotal = lenTotal + 1
end if
next
wordlen=lenTotal
end function
Dim flag,maxlen
%>
<!-- 把下列代码加入到body区内 -->
<div id="button">
<ul style="list-style:none;">
<li style="float:left" onmouseover="display('marquee1');"><a href=xsjlist.asp?BName=县市局动态&"&"odate="&xdate1&"&ndate="&xdate2&"&sort=2><b>县市局动态</b></a></li>
<li style="float:left" onmouseover="display('marquee2')" ><a href="xsjlist2.asp?BName=城市A&SName=城市A&odate=<%=xdate1%>&ndate=<%=xdate2%>"><b>城市A</b></a></li>
<li style="float:left" onmouseover="display('marquee3')" ><a href="xsjlist2.asp?BName=城市B&SName=城市B&odate=<%=xdate1%>&ndate=<%=xdate2%>"><b>城市B</b></a></li>
<li style="float:left" onmouseover="display('marquee4')" ><a href="xsjlist2.asp?BName=城市C&SName=城市C&odate=<%=xdate1%>&ndate=<%=xdate2%>"><b>城市C<b></a></li>
<li style="float:left" onmouseover="display('marquee5')"><a href="xsjlist2.asp?BName=城市D&SName=城市D&odate=<%=xdate1%>&ndate=<%=xdate2%>"><b>城市D<b></a></li>
<li style="float:left" onmouseover="display('marquee6')"><a href="xsjlist2.asp?BName=城市E&SName=城市E&odate=<%=xdate1%>&ndate=<%=xdate2%>"><b>城市E<b></a></li>
<li style="float:left" onmouseover="display('marquee7')"><a href="xsjlist2.asp?BName=城市F&SName=城市F&odate=<%=xdate1%>&ndate=<%=xdate2%>"><b>城市F<b></a></li>
</ul>
</div>
<div id="marquee1" style="text-align:center;text-valign:top;margin:0;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>
<div id="marquee2" style="text-align:center;display:none;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>
<div id="marquee3" style="text-align:center;display:none;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>
<div id="marquee4" style="text-align:center;display:none;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>
<div id="marquee5" style="text-align:center;display:none;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>
<div id="marquee6" style="text-align:center;display:none;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>
<div id="marquee7" style="text-align:center;display:none;">
<script language="javascript" src="js/xsjnews0.js"></script>
</div>