当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 网上抓的一个特效

Javascript
用JavaScript实现浏览器地震效果
Javascript实例教程(8) 利用Javascript基于浏览器类型的重定向
Javascript实例教程(14) 鼠标触发窗口
使主页呈现“飞舞”特效
Javascript实例教程(21) OLE Automation(1)
Javascript实例教程(13) 鼠标移过时报警
Javascript实例教程(10) 随机显示图片
Javascript实例教程(2) 创建弹出式窗口
JavaScript 小技巧(第十集)
Javascript实例教程(3) 创建折叠式导航菜单
Javascript实例教程(7) 利用Javascript进行密码保护
完美解决一个事件激活多个函数(2)
Javascript模拟游戏中的弹出菜单效果
Javascript实例教程(6) 在一个表单中设置和检查Cookies
JavaScript 小技巧(第八集)
Javascript实例教程(4) 探测浏览器插件
JavaScript 小技巧(第九集)
JavaScript学习:基础继承机制
初学Javascript之cookie篇(译)
让弹出窗口变得“体贴”一些(javascript)

Javascript 中的 网上抓的一个特效


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 237 ::
收藏到网摘: n/a

特效在窗口左边,可否改在窗口右边???
效果页面代码:
<SCRIPT language=javascript>
ad_p1_sp15_n6 = '';
ad_p1_sp15_n7 = '';
ad_p1_sp15_n8 = '';
</SCRIPT>

<TABLE cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<SCRIPT language=javascript>document.write(ad_p1_sp15_n6);</SCRIPT>
</DIV></TD></TR></TBODY></TABLE></DIV>
<SCRIPT language=JavaScript>
<!--
document.getElementById("divTopAd").innerHTML = document.getElementById("divTopAdTmp").innerHTML;
document.getElementById("divTopAdTmp").innerHTML = "";
//-->
</SCRIPT>
<DIV id=divBottomAdTmp style="DISPLAY: none">
<SCRIPT language=javascript>document.write(ad_p1_sp15_n7);</SCRIPT>
<BR>
<SCRIPT language=javascript>document.write(ad_p1_sp15_n8);</SCRIPT>
</DIV>
<SCRIPT language=JavaScript>
<!--
document.getElementById("divBottomAd").innerHTML = document.getElementById("divBottomAdTmp").innerHTML;
document.getElementById("divBottomAdTmp").innerHTML = "";
//-->
</SCRIPT>
<SCRIPT language=JavaScript
src="menu.js"></SCRIPT>
menu.js 文件代码:
[Copy to clipboard] [ - ]CODE:
//----begin-----共用函数-----
function buildBar()
{
if(barText.indexOf('<IMG')>-1)
{
tempBar=barText;
}
else
{
for (b=0;b<barText.length;b++)
{
tempBar+=barText.charAt(b)+"<BR>";
}
}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><a href="http://www.netsh.com" target="_blank" alt="乐趣首页"><img src="http://tpic.netsh.com/eden/img/office.gif" border="0"></a></TD>')
}
//----end-----共用函数-----
//----begin-----IE浏览器部分-----
function moveIEOut()
{
if (ssm.pixelLeft<0)
{
clearTimeout(moving);moving = setTimeout('moveIEOut()', slideSpeed);slideIEMenu(10)
}
else
{
clearTimeout(moving);moving=setTimeout('null',1)
}
}
function moveIEBack()
{
clearTimeout(moving);moving = setTimeout('moveIEBack1()', waitTime)
}
function moveIEBack1()
{
if (ssm.pixelLeft>(-menuWidth))
{
clearTimeout(moving);moving = setTimeout('moveIEBack1()', slideSpeed);slideIEMenu(-10)
}
else
{
clearTimeout(moving);moving=setTimeout('null',1)
}
}
function slideIEMenu(num)
{
ssm.pixelLeft += num;
}
function makeIEStatic()
{
winY = document.body.scrollTop;
if (winY!=lastY&&winY>YOffset-staticYOffset)
{
smooth = .2 * (winY - lastY - YOffset + staticYOffset);
}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset)
{
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));
}
else
{
smooth=0;
}
if(smooth > 0)
{
smooth = Math.ceil(smooth);
}
else
{
smooth = Math.floor(smooth);
}
bssm.pixelTop+=smooth;
lastY = lastY+smooth;
setTimeout('makeIEStatic()', 1)
}
function initIESlide()
{
ssm=document.all("thessm").style;
bssm=document.all("basessm").style;
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";
bssm.visibility = "visible";
if (menuIsStatic=="yes")
{
makeIEStatic();
}
}
function buildIEMenu()
{
document.write('<DIV style="line-height: 1.2;" ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV style="line-height: 1.2;" ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveIEOut()" onmouseout="moveIEBack()">')
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++)
{
if(!ssmItems[i][3])
{
ssmItems[i][3]=menuCols;
ssmItems[i][5]=menuWidth-1;
}
else if(ssmItems[i][3]!=menuCols)
{
ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
}
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no")
{
document.write('<TR>');
}
if(!ssmItems[i][1])
{
document.write('<td style="line-height: 1.2;" bgcolor="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')
}
else
{
if(!ssmItems[i][2])
{
ssmItems[i][2]=linkTarget;
}
document.write('<TD style="line-height: 1.2;" BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV style="line-height: 1.2;" ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" style="font-size:12px">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')
}
if(ssmItems[i][4]!="no"&&barBuilt==0)
{
buildBar();
barBuilt=1;
}
if(ssmItems[i][4]!="no")
{
document.write('</TR>')
}
}
document.write('</table>')
document.write('</DIV></DIV>')
theleft=-menuWidth;lastY=0;setTimeout('initIESlide();', 1)
}
//----end-----IE浏览器部分-----
//----begin-----NS部分-----
function moveNSOut()
{
if (parseInt(ssm.left)<0)
{
clearTimeout(moving);moving = setTimeout('moveNSOut()', slideSpeed);slideNSMenu(10)
}
else
{
clearTimeout(moving);moving=setTimeout('null',1)
}
}
function moveNSBack()
{
clearTimeout(moving);moving = setTimeout('moveNSBack1()', waitTime)
}
function moveNSBack1()
{
if (parseInt(ssm.left)>(-menuWidth))
{
clearTimeout(moving);moving = setTimeout('moveNSBack1()', slideSpeed);slideNSMenu(-10)
}
else
{
clearTimeout(moving);moving=setTimeout('null',1)
}
}
function slideNSMenu(num)
{
ssm.left = parseInt(ssm.left)+num;
bssm.clip.right+=num;bssm2.clip.right+=num;
}
function makeNSStatic()
{
winY = window.pageYOffset;
if (winY!=lastY&&winY>YOffset-staticYOffset)
{
smooth = .2 * (winY - lastY - YOffset + staticYOffset);
}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset)
{
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));
}
else
{
smooth=0;
}
if(smooth > 0)
{
smooth = Math.ceil(smooth);
}
else
{
smooth = Math.floor(smooth);
}
bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeNSStatic()', 1)
}
function initNSSlide()
{
bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";
if (menuIsStatic=="yes")
{
makeNSStatic();
}
}
function buildNSMenu()
{
document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveNSOut()" onmouseout="moveNSBack()">')
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++)
{
if(!ssmItems[i][3])
{
ssmItems[i][3]=menuCols;
ssmItems[i][5]=menuWidth-1;
}
else if(ssmItems[i][3]!=menuCols)
{
ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
}
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no")
{
document.write('<TR>');
}
if(!ssmItems[i][1])
{
document.write('<td style="line-height: 1.2;" bgcolor="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')
}
else
{
if(!ssmItems[i][2])
{
ssmItems[i][2]=linkTarget;
}
document.write('<TD style="line-height: 1.2;" BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV style="line-height: 1.2;" ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" style="font-size:12px">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')
}
if(ssmItems[i][4]!="no"&&barBuilt==0)
{
buildBar();
barBuilt=1;
}
if(ssmItems[i][4]!="no")
{
document.write('</TR>')
}
}
document.write('</table>')
document.write('</LAYER></ILAYER></LAYER>')
theleft=-menuWidth;lastY=0;setTimeout('initNSSlide();', 1)
}
//-----end------NS部分-----
//-----begin------NS6部分-----
function moveNS6Out()
{
if (parseInt(ssm.left)<0)
{
clearTimeout(moving);moving = setTimeout('moveNS6Out()', slideSpeed);slideNS6Menu(10)
}
else
{
clearTimeout(moving);moving=setTimeout('null',1)
}
}
function moveNS6Back()
{
clearTimeout(moving);moving = setTimeout('moveNS6Back1()', waitTime)
}
function moveNS6Back1()
{
if (parseInt(ssm.left)>(-menuWidth))
{
clearTimeout(moving);moving = setTimeout('moveNS6Back1()', slideSpeed);slideNS6Menu(-10)
}
else
{
clearTimeout(moving);moving=setTimeout('null',1)
}
}
function slideNS6Menu(num)
{
ssm.left = parseInt(ssm.left)+num;
}
function makeNS6Static()
{
winY = window.pageYOffset;
if (winY!=lastY&&winY>YOffset-staticYOffset)
{
smooth = .2 * (winY - lastY - YOffset + staticYOffset);
}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset)
{
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));
}
else
{
smooth=0;
}
if(smooth > 0)
{
smooth = Math.ceil(smooth);
}
else
{
smooth = Math.floor(smooth);
}
bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeNS6Static()', 1)
}
function initNS6Slide()
{
ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";
ssm.visibility="visible";
if (menuIsStatic=="yes")
{
makeNS6Static();
}
}
function buildNS6Menu()
{
document.write('<DIV style="line-height: 1.2;" ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV style="line-height: 1.2;" ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveNS6Out()" onmouseout="moveNS6Back()">')
document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++)
{
if(!ssmItems[i][3])
{
ssmItems[i][3]=menuCols;
ssmItems[i][5]=menuWidth-1;
}
else if(ssmItems[i][3]!=menuCols)
{
ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
}
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no")
{
document.write('<TR>');
}
if(!ssmItems[i][1])
{
document.write('<td style="line-height: 1.2;" bgcolor="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')
}
else
{
if(!ssmItems[i][2])
{
ssmItems[i][2]=linkTarget;
}
document.write('<TD style="line-height: 1.2;" BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV style="line-height: 1.2;" ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" style="font-size:12px">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')
}
if(ssmItems[i][4]!="no"&&barBuilt==0)
{
buildBar();
barBuilt=1;
}
if(ssmItems[i][4]!="no")
{
document.write('</TR>')
}
}
document.write('</table>')
document.write('</TD></TR></TABLE>')
document.write('</DIV></DIV>')
theleft=-menuWidth;lastY=0;setTimeout('initNS6Slide();', 1)
}
//-----end------NS6部分-----
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
tempBar='';barBuilt=0;ssmItems=new Array();
moving=setTimeout('null',1)
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=50;
menuBGColor="";
menuIsStatic="yes";
menuWidth=100;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="#000000";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="#ff3333";
barVAlign="center";
barWidth=20;
barText="※乐趣 个人事务所※";
ssmItems[0]=["我要注册", "/eden/ctl_eden_login.php?ctlObj=login_protocol", "_blank"]
ssmItems[1]=["我的首页", "/eden/ctl_eden.php", "_blank"]
ssmItems[2]=["我的收藏夹", "/eden/ctl_eden.php?ctlOprType=get&ctlObj=favorites", "_blank"]
ssmItems[3]=["我的好友", "/eden/ctl_eden.php?ctlOprType=get&ctlObj=friends", "_blank"]
ssmItems[4]=["我的留言", "/eden/ctl_eden.php?ctlOprType=get&ctlObj=msgs", "_blank"]
ssmItems[5]=["我的论坛", "/eden/forum/ctl_eden_forum.php", "_blank"]
ssmItems[6]=["我的博客", "/eden/blog/", "_blank"]
ssmItems[7]=["我的相册", "/eden/album/", "_blank"]
ssmItems[8]=["图片管理", "/eden/upload/ctl_upload.php", "_blank"]
ssmItems[9]=["高级搜索", "/eden/search_menu.html", "_blank"]
ssmItems[10]=["热线帮助", "http://hk.netsh.com/eden/bbs/154/", "_blank"]
ssmItems[11]=["退出登录", "/eden/ctl_eden_login.php?ctlOprType=put&ctlObj=login_out", ""]
if(IE)
{
buildIEMenu();
}
else if(NS)
{
buildNSMEnu();
}
else if(NS6)
{
buildNS6MEnu();
}
else
{
alert("不能运行!");
}