网上抓的一个特效


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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
通过上下左右键和回车键切换光标实现代码
Mar 08 Javascript
Javascript函数式编程简单介绍
Oct 11 Javascript
AngularJS 使用$sce控制代码安全检查
Jan 05 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
原生js简单实现放大镜特效
May 16 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
防止页面url缓存中ajax中post请求的处理方法
Oct 10 Javascript
详解vuex 渐进式教程实例代码
Nov 27 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.MVC的模板标签系统(三)
2006/09/05 PHP
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
PHP内核探索:变量概述
2014/01/30 PHP
php计算整个目录大小的方法
2015/06/01 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
php实现微信企业转账功能
2018/10/02 PHP
JavaScript 学习历程和心得分享
2010/12/12 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
js密码强度校验
2015/11/10 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
wxPython 入门教程
2008/10/07 Python
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
在Python中移动目录结构的方法
2016/01/31 Python
python异常和文件处理机制详解
2016/07/19 Python
python文件特定行插入和替换实例详解
2017/07/12 Python
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
python TKinter获取文本框内容的方法
2018/10/11 Python
python requests.post带head和body的实例
2019/01/02 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
董事长岗位职责
2013/11/30 职场文书
春节请假条
2014/04/11 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
乡党委干部党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL