网上抓的一个特效

特效在窗口左边，可否改在窗口右边？？？效果页面代码： <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>  </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>  </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("不能运行！"); }

　　推荐阅读

　　用javascript实现鼠标框选

起初是打算兼容 Netscape 和 FireFox 等浏览器的，但这些浏览器中不支持 style.pixelLeft，得使用 style.left 之类的（style.pixelLeft 为数字无单位，style.left 为文本有单位），实际使用中发现效果很不好，有延>>>详细阅读

本文标题：网上抓的一个特效

地址：http://www.17bianji.com/kaifa2/JS/30453.html

1/2 1