网上抓的一个特效


Posted in Javascript onMay 11, 2007

特效在窗口左边,可否改在窗口右边???
效果页面代码:
<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("不能运行!");
}

Javascript 相关文章推荐
学习ExtJS TextField常用方法
Oct 07 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
Javascript 闭包引起的IE内存泄露分析
May 23 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
Javascript中parseInt的正确使用方式
Oct 17 Javascript
clipboard在vue中的使用的方法示例
Oct 19 Javascript
Node.js 实现远程桌面监控的方法步骤
Jul 02 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
js实现小星星游戏
Mar 23 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
用javascript实现分割提取页面所需内容
May 09 #Javascript
javascript语句中的CDATA标签的意义
May 09 #Javascript
广告代码静态化js通用函数
May 09 #Javascript
用javascript实现自定义标签
May 08 #Javascript
javascript之对系统的toFixed()方法的修正
May 08 #Javascript
javascript之大字符串的连接的StringBuffer 类
May 08 #Javascript
Javascript中的数学函数集合
May 08 #Javascript
You might like
php图片的二进制转换实现方法
2014/12/15 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
js实现简单锁屏功能实例
2015/05/27 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
JavaScript实现打字效果的方法
2015/07/10 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
阿望教你用vue写扫雷小游戏
2020/01/20 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
Python中编写ORM框架的入门指引
2015/04/29 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
Python函数调用追踪实现代码
2020/11/27 Python
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
个人求职信范文分享
2013/12/13 职场文书
实习生求职自荐信
2014/02/07 职场文书
工程质量承诺书范文
2014/03/27 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
小型婚礼主持词
2015/06/30 职场文书
企业法人任命书
2015/09/21 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
Tomcat项目启动失败的原因和解决办法
2022/04/20 Servers