Sat

28

Feb

2009

30、很酷的右键弹出菜单

30、很酷的右键弹出菜单

<HTML xmlns:v><HEAD>

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效代码很酷实用的右键弹出菜单</title>

<STYLE>

v\:*{behavior:url(#default#VML);}

.menulist{position:static;PADDING-TOP:6;LETTER-SPACING:8;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}

</STYLE>

</head>

 

<BODY oncontextmenu='return false'>

 

<Script>

//作者:风云舞

var menutime1=null,showobjs1=null  //menutime1=循环计时器调用变量,showobjs1=绑定菜单,定时器过程执行时调用

function document.onmouseup(){if(event.button==2)menushow(menu2,60,10)}

function menushow(showobjs,showwid,showsudu){  //右键菜单展开函数

 //函数说明:menushow(菜单id,项平均宽度,伸展速度)

if(menutime1!=null){clearInterval(menutime1);menutime1=null}

showobjs.style.left=event.x;showobjs.style.top=event.y;

showobjs1=showobjs.all.tags("roundrect");var showlens=showobjs1.length

for(i=0;i<showlens;i++){showobjs1[i].style.width=0;showobjs1[i].style.visibility="hidden"}

showobjs.style.display=""

menutime1=setInterval("for(i=0;i<"+showlens+";i++){showobjs1[i].style.visibility='';if(showobjs1[i].offsetWidth<"+showwid+"){showobjs1[i].style.width=showobjs1[i].offsetWidth+"+showsudu+";break;}else{if(i=="+(showlens-1)+"){clearInterval(menutime1);menutime1=null}}}",20)

}

function menuclose(showobjs2,showsudu2){  //右键菜单关闭函数

 //函数说明:menushow(菜单id,关闭压缩速度)

if(menutime1!=null)return false

showobjs1=showobjs2.all.tags("roundrect");var showlens=showobjs1.length-1

menutime1=setInterval("for(i="+showlens+";i>-1;i--){if(showobjs1[i].offsetWidth>0){try{showobjs1[i].style.width=showobjs1[i].offsetWidth-"+showsudu2+";break;}catch(e){showobjs1[i].style.visibility='hidden';if(i==0){clearInterval(menutime1);menutime1=null}}}}",20)

}

</script>

 

<span id=menu2 style="position:absolute;Z-INDEX:40000;LEFT:395;TOP:210;color:#739EFE;cursor:hand;display:none;font-size:12px;font-family:宋体" onmouseover="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='blue';event.srcElement.style.color='blue';event.srcElement.style.marginLeft=10}" onmouseout="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='#739EFE';event.srcElement.style.color='#739EFE';event.srcElement.style.marginLeft=0}">

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</a></v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接新</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://7stk.com.cn>连接</v:roundrect><br>

<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE onmouseup="menuclose(menu2,30)">

<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>取消</v:roundrect>

</span>

</body>

 

</html>

 

0 Comments

Sat

28

Feb

2009

29、一张图完成的导航条

29、一张图完成的导航条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>网页特效代码-CSS实现的一张图完成的导航条</title>

<style>

ul,li{ list-style:none; float:left;}

body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋体", Arial; text-align:center;}

#info li{ margin-left:4px; margin-top:15px;}

#info a {display:block;text-align:center; padding-left:15px;

padding-top:2px;padding-bottom:1px;background-image:

url(http://7stk.com/Uploadfile/200682494749491.GIF);

background-repeat: no-repeat;color: #000; width:47px; cursor:hand; text-decoration: none;}

#job a:link,#job a:visited{background-position: -62px 0px;}

#eve a:link,#eve a:visited{background-position: -124px 0px;}

#oth a:link,#oth a:visited{background-position: -186px 0px;}

#car a:hover ,#car a:active {background-position: 0px -22px; color:#fff;}

#job a:hover ,#car a:active {background-position: -62px -22px; color:#fff;}

#eve a:hover ,#car a:active {background-position: -124px -22px; color:#fff;}

#oth a:hover ,#car a:active {background-position: -186px -22px; color:#fff;}

</style>

</head>

 

<body>

<div id="info">

 <ul>

  <li id="car"><a href="http://7stk.com" target="_blank"><span>

       </span></a></li>

  <li id="job"><a href="http://7stk.com" target="_blank"><span>

       </span></a></li>

  <li id="eve"><a href="http://7stk.com" target="_blank"><span>

       </span></a></li>

  <li id="oth"><a href="http://7stk.com" target="_blank"><span>

       </span></a></li>  

 </ul>

</div>

<div style="clear:both">转载请注明出处 子鼠 <a href="http://www.zishu.cn" target="_blank">

       http://www.zishu.cn</a> 作者:子鼠</div>

</body>

</html>

 

1 Comments

Sat

28

Feb

2009

28、设计的导航实例

28、设计的导航实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>网页特效观止--CSS设计的导航实例</title>

<style>

/* http://7stk.com 子鼠 */

#menu{

 font-family: Arial, Helvetica, sans-serif;

 font-size: 12px;

 border:1px solid #000000;

 width:200px;

 background-color: #FF9D1F;

 text-align:center;

}

#menub{

 margin:20px;

}

.w1{

 margin:3px;

 border-top:1px solid #FFC881;

 border-right:1px solid #EE8600;

 border-bottom:1px solid #EE8600;

 border-left:1px solid #FFC881;

}

.w2{

 border-top:1px solid #EE8600;

 border-right:1px solid #FFAD42;

 border-bottom:1px solid #FFAD42;

 border-left:1px solid #EE8600;

}

.w3{

 border-top:2px solid #D07500;

 border-right:2px solid #FFB85D;

 border-bottom:2px solid #FFB85D;

 border-left:2px solid #D07500;

}

.w4{

 border:1px solid #FC8E00;

}

.w5{

 border:1px solid #000000;

}

 

.w7{

 border-top:1px solid #FFDCAF;

 border-right:1px solid #C87000;

 border-bottom:1px solid #C87000;

 border-left:1px solid #FFDCAF;

}

.w8{

 border-top:1px solid #FFD7A4;

 border-right:1px solid #FF9204;

 border-bottom:1px solid #FF9204;

 border-left:1px solid #FFD7A4;

}

.w9{

 background:#FFC881;

 border-top:1px solid #FECE8F;

 border-right:1px solid #FFAE44;

 border-bottom:1px solid #FFAE44;

 border-left:1px solid #FECE8F;

}

#menu a{

 color: #884C00;

 text-decoration: none;

 font-weight: bold;

}

#menu a:hover{background:#FFB85D; color:#000000;}

#menu a:hover .w7 {

 border-top:1px solid #C87000;

 border-right:1px solid #FFDCAF;

 border-bottom:1px solid #FFDCAF;

 border-left:1px solid #C87000;

}

#menu a:hover .w8 {

 border-top:1px solid #FF9204;

 border-right:1px solid #FFD6A1;

 border-bottom:1px solid #FFD6A1;

 border-left:1px solid #FF9204;

}

#menu a:hover .w9 {

 background:#FFB85D;

 border-top:1px solid #FFAE44;

 border-right:1px solid #FECF91;

 border-bottom:1px solid #FECF91;

 border-left:1px solid #FFAE44;

}

</style>

</head>

<body>

<!-- http://7stk.com 子鼠-->

<div id="menu">

  <div id="menub">

    <div class="w1">

      <div class="w2">

        <div class="w3">

          <div class="w4">

            <div class="w5"> <a href="http://http://7stk.com" target="_blank">

              <div class="w7">

                <div class="w8">

                  <div class="w9"> www..7stk.com </div>

                </div>

              </div>

              </a> </div>

          </div>

        </div>

      </div>

    </div>

    <div class="w1">

      <div class="w2">

        <div class="w3">

          <div class="w4">

            <div class="w5"> <a href="http://http://7stk.com" target="_blank">

              <div class="w7">

                <div class="w8">

                  <div class="w9"> http://7stk.com </div>

                </div>

              </div>

              </a> </div>

          </div>

        </div>

      </div>

    </div>

    <div class="w1">

      <div class="w2">

        <div class="w3">

          <div class="w4">

            <div class="w5"> <a href="http://http://7stk.com" target="_blank">

              <div class="w7">

                <div class="w8">

                  <div class="w9"> http://7stk.com </div>

                </div>

              </div>

              </a> </div>

          </div>

        </div>

      </div>

    </div>

    <div class="w1">

      <div class="w2">

        <div class="w3">

          <div class="w4">

            <div class="w5"> <a href="http://http://7stk.com" target="_blank">

              <div class="w7">

                <div class="w8">

                  <div class="w9"> http://7stk.com </div>

                </div>

              </div>

              </a> </div>

          </div>

        </div>

      </div>

    </div>

    <div class="w1">

      <div class="w2">

        <div class="w3">

          <div class="w4">

            <div class="w5"> <a href="http://http://7stk.com" target="_blank">

              <div class="w7">

                <div class="w8">

                  <div class="w9"> http://7stk.com </div>

                </div>

              </div>

              </a> </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>

</body>

</html>

 

0 Comments

Sat

28

Feb

2009

27、仿淘宝导航布局效果

27、仿淘宝导航布局效果

<div id="info">

       <div id="nav">

              <ul>

                     <li id="zishu01"><a href="http://7stk.com"><span>首页</span></a></li>

                     <li id="zishu02"><a href="http://7stk.com"><span>数码通讯</span></a></li>

                     <li id="zishu03"><a href="http://7stk.com"><span>女人</span></a></li>

                     <li id="zishu04"><a href="http://7stk.com"><span>男人</span></a></li>

                     <li id="zishu05"><a href="http://7stk.com"><span>家居</span></a></li>

                     <li id="zishu06"><a href="http://7stk.com"><span>书籍音像</span></a></li>

                     <li id="zishu07"><a href="http://7stk.com"><span>运动</span></a></li>

                     <li id="zishu08"><a href="http://7stk.com"><span>游戏</span></a></li>

                     <li id="zishu09"><a href="http://7stk.com"><span>宠物</span></a></li>

                     <li id="zishu10"><a href="http://7stk.com"><span>香港街</span></a></li>

                     <li id="zishu11"><a href="http://7stk.com"><span>淘宝商城</span></a></li>

                     <li>

                     <div id="new">

                            <img src="http://7stk.com/Uploadfile/200661115947970.GIF" alt="新加栏目" /></div>

                     </li>

              </ul>

       </div>

       <div id="menu">

              <div id="r1">

              </div>

              <div id="r2">

              </div>

              <div id="r3">

              </div>

              <div>

              </div>

       </div>

</div>

<p>仿淘宝网首页导航条效果 转载请注明出处 子鼠</p>

2 Comments

Sat

28

Feb

2009

26、购物网站的导航效果??

26、购物网站的导航效果??

 

1 Comments

Sat

28

Feb

2009

25、鼠标触发型导航菜单

25、鼠标触发型导航菜单

1  把如下代码复制到<head></head>之间

 

<style type="text/css">

<!--

.ww1 {width:500px;background-color:#D1E7FC;border-top:1px solid #9EC9EC;border-left:1px solid #9EC9EC;}

.ww1 td {border-right:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;height:28px;text-align:center;width:125px;font-size:12px;cursor:hand;}

.ww1 td.s {border-bottom:1px solid #FFFFFF;font-weight:bold;background-color:#FFFFFF;}

.ww2 {width:500px;border-right:1px solid #9EC9EC;border-top:none;border-left:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;font-size:12px;}

.ww2 a:link {color:#00007f;text-decoration:none;}

.ww2 a:visited {color:#800080;text-decoration:none;}

.ww2 a:hover {color:#00007f;text-decoration:underline;}

.ww2 a:active {color:#00007f;text-decoration:underline;}

.dis {display:block}

.undis {display:none}

-->

</style>

<script>

       function getNames(obj,name,tij)

       {    

              var p = document.getElementById(obj);

              var plist = p.getElementsByTagName(tij);

              var rlist = new Array();

              for(i=0;i<plist.length;i++)

              {

                     if(plist[i].getAttribute("name") == name)

                     {

                            rlist[rlist.length] = plist[i];

                     }

              }

              return rlist;

       }

 

              function butong_net(obj,name)

              {

                     var p = obj.parentNode.getElementsByTagName("td");

                     var p1 = getNames(name,"f","div");

                     for(i=0;i<p1.length;i++)

                     {

                            if(obj==p[i])

                            {

                                   p[i].className = "s";

                                   p1[i].className = "dis";

                            }

                            else

                            {

                                   p[i].className = "";

                                   p1[i].className = "undis";

                            }

                     }

              }

</script>

2  把如下代码复制到<body></body>之间

 

 

<table border="0" cellpadding="0" cellspacing="0" class="ww1">

 <tr>

   <td class="s" onmouseover="butong_net(this,'butong_net1')">网页特效集锦</td>

   <td onmouseover="butong_net(this,'butong_net1')">网页工具库1</td>

   <td onmouseover="butong_net(this,'butong_net1')">网页工具库2</td>

   <td onmouseover="butong_net(this,'butong_net1')">网页工具库3</td>

 </tr>

</table>

<table border="0" cellpadding="0" cellspacing="0" class="ww2">

 <tr>

   <td height="60" align="center">

     <div id=butong_net1>

      <div class=dis name="f">

          <a href="http://7stk.com/background/index.htm" target="_blank">背景按钮特效</a>    <a href="http://7stk.com/navigation/index.htm" target="_blank">导航菜单特效</a>    <a href="http://7stk.com/img/index.htm" target="_blank">网页图片特效</a>    <a href="http://7stk.com/text/index.htm" target="_blank">网页文本特效</a>    <a href="http://7stk.com/other/index.htm" target="_blank">另类网页特效</a>

         </div>

      <div class=undis name="f">

          <a href="http://7stk.com/tool/html_edit.htm" target="_blank">在线html编辑器</a>    <a href="http://7stk.com/tool/css_edit/index.htm" target="_blank">在线CSS编辑器</a>    <a href="http://7stk.com/tool/web_yanse.htm" target="_blank">网页颜色选择器</a>    <a href="http://7stk.com/tool/gdtys.htm" target="_blank">滚动条颜色生成器</a>

         </div>

      <div class=undis name="f">

          <a href="http://7stk.com/tool/open.htm" target="_blank">弹出窗口生成器</a>    <a href="http://7stk.com/tool/ymxg.htm" target="_blank">页面过渡效果生成器</a>    <a href="http://7stk.com/tool/jiamijiemi.htm" target="_blank">网页加密解密工具</a>

      </div>

      <div class=undis name="f">

          <a href="http://7stk.com/tool/fjtzh.htm" target="_blank">文本繁简体转换工具</a>    <a href="http://7stk.com/tool/hzzpy.htm" target="_blank">汉字转换成拼音工具</a>    <a href="http://7stk.com/tool/wenzijiami.htm" target="_blank">文字加密解密工具</a>

      </div>

     </div>

   </td>

 </tr>

</table>

 

1 Comments

Sat

28

Feb

2009

24、QQ菜单代码特效

24QQ菜单代码特效

<html>

<head>

<title>网页特效- 模拟QQ菜单效果</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

 

</head>

<body>

 

<STYLE type="text/css">

A:link { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none}

A:visited { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none}

A:hover { COLOR: #006CD9; FONT-SIZE: 12px; TEXT-DECORATION: none}

BODY { FONT-SIZE: 12px;}

TD { FONT-SIZE: 12px; line-height: 150%}

</style>

<script language="JavaScript">

<!--

function showitem(id,name)

{

       return ("<span><a href='"+id+"' target=_blank>"+name+"</a></span><br>")

}

function switchoutlookBar(number)

{

       var i = outlookbar.opentitle;

       outlookbar.opentitle=number;

       var id1,id2,id1b,id2b

       if (number!=i && outlooksmoothstat==0){

              if (number!=-1)

              {

                     if (i==-1){

                            id2="blankdiv";

                            id2b="blankdiv";

                     }

                     else{

                            id2="outlookdiv"+i;

                            id2b="outlookdivin"+i;

                            document.all("outlooktitle"+i).style.border="1px none navy";

                            document.all("outlooktitle"+i).style.background=outlookbar.maincolor;

                            document.all("outlooktitle"+i).style.color="#ffffff";

                            document.all("outlooktitle"+i).style.textalign="center";

                     }

                     id1="outlookdiv"+number

                     id1b="outlookdivin"+number

                     document.all("outlooktitle"+number).style.border="1px none white";

                     document.all("outlooktitle"+number).style.background=outlookbar.maincolor; //title

                     document.all("outlooktitle"+number).style.color="#ffffff";

                     document.all("outlooktitle"+number).style.textalign="center";

                     smoothout(id1,id2,id1b,id2b,0);

              }

              else

              {

                     document.all("blankdiv").style.display="";

                     document.all("blankdiv").sryle.height="100%";

                     document.all("outlookdiv"+i).style.display="none";

                     document.all("outlookdiv"+i).style.height="0%";

                     document.all("outlooktitle"+i).style.border="1px none navy";

                     document.all("outlooktitle"+i).style.background=outlookbar.maincolor;

                     document.all("outlooktitle"+i).style.color="#ffffff";

                     document.all("outlooktitle"+i).style.textalign="center";

              }

       }

}

function smoothout(id1,id2,id1b,id2b,stat)

{

       if(stat==0){

              tempinnertext1=document.all(id1b).innerHTML;

              tempinnertext2=document.all(id2b).innerHTML;

              document.all(id1b).innerHTML="";

              document.all(id2b).innerHTML="";

              outlooksmoothstat=1;

              document.all(id1b).style.overflow="hidden";

              document.all(id2b).style.overflow="hidden";

              document.all(id1).style.height="0%";

              document.all(id1).style.display="";

              setTimeout("smoothout('"+id1+"','"+id2+"','"+id1b+"','"+id2b+"',"+outlookbar.inc+")",outlookbar.timedalay);

       }

       else

       {

              stat+=outlookbar.inc;

              if (stat>100)

                     stat=100;

              document.all(id1).style.height=stat+"%";

              document.all(id2).style.height=(100-stat)+"%";

              if (stat<100)

                     setTimeout("smoothout('"+id1+"','"+id2+"','"+id1b+"','"+id2b+"',"+stat+")",outlookbar.timedalay);

              else

              {

                     document.all(id1b).innerHTML=tempinnertext1;

                     document.all(id2b).innerHTML=tempinnertext2;

                     outlooksmoothstat=0;

                     document.all(id1b).style.overflow="auto";

                     document.all(id2).style.display="none";

              }

       }

}

function getOutLine()

{

       outline="<table "+outlookbar.otherclass+">";

       for (i=0;i<(outlookbar.titlelist.length);i++)

       {

              outline+="<tr><td name=outlooktitle"+i+" id=outlooktitle"+i+" ";

              if (i!=outlookbar.opentitle)

                     outline+=" nowrap align=center style='cursor:hand;background-color:"+outlookbar.maincolor+";color:#ffffff;height:20;border:1 none navy' ";

              else

                     outline+=" nowrap align=center style='cursor:hand;background-color:"+outlookbar.maincolor+";color:white;height:20;border:1 none white' ";

              outline+=outlookbar.titlelist[i].otherclass

              outline+=" onclick='switchoutlookBar("+i+")'><span class=smallFont>";

              outline+=outlookbar.titlelist[i].title+"</span></td></tr>";

              outline+="<tr><td name=outlookdiv"+i+" valign=top align=center id=outlookdiv"+i+" style='width:100%"

              if (i!=outlookbar.opentitle)

                     outline+=";display:none;height:0%;";

              else

                     outline+=";display:;height:100%;";

              outline+="'><div name=outlookdivin"+i+" id=outlookdivin"+i+" style='overflow:auto;width:100%;height:100%'>";

              for (j=0;j<outlookbar.itemlist[i].length;j++)

                     outline+=showitem(outlookbar.itemlist[i][j].key,outlookbar.itemlist[i][j].title);

              outline+="</div></td></tr>"

       }

       outline+="</table>"

       return outline

}

function show()

{

       var outline;

       outline="<div id=outLookBarDiv name=outLookBarDiv style='width=100%;height:100%'>"

       outline+=outlookbar.getOutLine();

       outline+="</div>"

       document.write(outline);

}

function theitem(intitle,instate,inkey)

{

       this.state=instate;

       this.otherclass=" nowrap ";

       this.key=inkey;

       this.title=intitle;

}

function addtitle(intitle)

{

       outlookbar.itemlist[outlookbar.titlelist.length]=new Array();

       outlookbar.titlelist[outlookbar.titlelist.length]=new theitem(intitle,1,0);

       return(outlookbar.titlelist.length-1);

}

function additem(intitle,parentid,inkey)

{

       if (parentid>=0 && parentid<=outlookbar.titlelist.length)

       {

              outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length]=new theitem(intitle,2,inkey);

              outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length-1].otherclass=" nowrap align=left style='height:5' ";

              return(outlookbar.itemlist[parentid].length-1);

       }

       else

              additem=-1;

}

function outlook()

{

       this.titlelist=new Array();

       this.itemlist=new Array();

       this.divstyle="style='height:100%;width:100%;overflow:auto' align=center";

       this.otherclass="border=0 cellspacing='0' cellpadding='0' style='height:100%;width:100%'valign=middle align=center ";

       this.addtitle=addtitle;

       this.additem=additem;

       this.starttitle=-1;

       this.show=show;

       this.getOutLine=getOutLine;

       this.opentitle=this.starttitle;

       this.reflesh=outreflesh;

       this.timedelay=50;

       this.inc=10;

       this.maincolor = "#336699"

}

function outreflesh()

{

       document.all("outLookBarDiv").innerHTML=outlookbar.getOutLine();

}

function locatefold(foldname)

{

       if (foldname=="")

              foldname = outlookbar.titlelist[0].title

       for (var i=0;i<outlookbar.titlelist.length;i++)

       {

              if(foldname==outlookbar.titlelist[i].title)

              {

                     outlookbar.starttitle=i;

                     outlookbar.opentitle=i;

              }

       }

}

var outlookbar=new outlook();

var tempinnertext1,tempinnertext2,outlooksmoothstat

outlooksmoothstat = 0;

 

 

var t;

t=outlookbar.addtitle('技术文档')

outlookbar.additem('Web开发',t,'http://www.7stk.com/index.asp')

outlookbar.additem('数据库',t,'http://www.7stk.com/index.asp')

t=outlookbar.addtitle('计算机技术')

outlookbar.additem('操作系统',t,'http://www.7stk.com/index.asp')

outlookbar.additem('网络安全',t,'http://www.7stk.com/index.asp')

outlookbar.additem('小技巧',t,'http://www.7stk.com/index.asp')

outlookbar.additem('硬件相关',t,'http://www.7stk.com/index.asp')

t=outlookbar.addtitle('文摘')

outlookbar.additem('求职 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('杂文 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('生活 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('人生 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('健康 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('知识 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('爱情 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('幽默笑话 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('寓言 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('教育 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('散文 ',t,'http://www.7stk.com/index.asp')

t=outlookbar.addtitle('技术文档2')

outlookbar.additem('Web开发',t,'http://www.7stk.com/index.asp')

outlookbar.additem('数据库',t,'http://www.7stk.com/index.asp')

t=outlookbar.addtitle('计算机技术2')

outlookbar.additem('操作系统',t,'http://www.7stk.com/index.asp')

outlookbar.additem('网络安全',t,'http://www.7stk.com/index.asp')

outlookbar.additem('小技巧',t,'http://www.7stk.com/index.asp')

outlookbar.additem('硬件相关',t,'http://www.7stk.com/index.asp')

t=outlookbar.addtitle('文摘2')

outlookbar.additem('求职 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('杂文 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('生活 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('人生 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('健康 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('知识 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('爱情 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('幽默笑话 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('寓言 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('教育 ',t,'http://www.7stk.com/index.asp')

outlookbar.additem('散文 ',t,'http://www.7stk.com/index.asp')

//-->

</script>

 

<table id=mnuList style="WIDTH:150px;HEIGHT: 100%" cellspacing=0 cellpadding=0 align=center border=0>

       <tr>

              <td bgcolor=#F0F0E5 id=outLookBarShow style="HEIGHT: 100%" valign=top align=middle name="outLookBarShow">

                     <script language="JavaScript">

                     <!--

                     locatefold("")

                     outlookbar.show()

                     //-->

                     </script>

              </td>

       </tr>

</table>

 

</body>

</html>

 

1 Comments

Sat

28

Feb

2009

22、渐显水波放大链接

22、渐显水波放大链接

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write('<style><!--');

document.write('.ringstyle {  position:absolute;   visibility:visible;    top:-50px;      font-size:5pt;  font-family:Verdana;}');

document.write('--></style>');

document.write('<div id="ring" class="ringstyle">O</div>');

var x,y

var timer

var i_fontsize=0

var step=0

var thisx,thisy

function handlerMM(e){       x = (document.layers) ? e.pageX : event.clientX;       y = (document.layers) ? e.pageY : event.clientY;}

function ringup() { if (document.all) {        thisx = x;        thisy = y;        ringup2();       }}

function ringup2() {

       if (i_fontsize<=1530) { 

              document.all.ring.style.fontSize=i_fontsize

              document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"

           document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))

              document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))    

              step+=4

              i_fontsize+=step

              timer=setTimeout("ringup(2)",50) }

       else {             clearTimeout(timer);             i_fontsize=0;          step=0;           document.all.ring.style.posTop=-10000;       }}

document.onmousemove = handlerMM;

// End -->

</SCRIPT>

<a href="http://" onMouseOver="ringup()" title=""><font color="#000000" face="宋体" size="">dddddddddd</font></a>

 

 

0 Comments

Sat

28

Feb

2009

21、超级链接爆炸了

21、超级链接爆炸了

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write('<style><!--');

document.write('.spanstyle {  position:absolute;    visibility:hidden;}');

document.write('--></style>');

var debrisnumber=40

var debriscolor=new Array()

debriscolor[0]="FFAAAA"

debriscolor[1]="AA0000"

debriscolor[2]="770000"

debriscolor[3]="AA4444"

debriscolor[4]="EE4422"

var x_debrispos

var y_debrispos

var x,y

var x_random=new Array()

var y_random=new Array()

var max_explsteps=20

var i_explsteps=0

var i_color=0

var pause=10

function checkbrowser() {

    i_explsteps=0

    x_debrispos=x

    y_debrispos=y

    for (i=0;i<=debrisnumber;i++) {

        x_random[i]=Math.ceil(40*Math.random())-20

        y_random[i]=Math.ceil(40*Math.random())-20

       }

       if (document.all) {

        for (i=0;i<=debrisnumber;i++) {

            var thisspan=eval("document.all.span"+i+".style")

            thisspan.visibility="VISIBLE"

                     thisspan.posLeft=x_debrispos

                     thisspan.posTop=y_debrispos

              }

        explode_IE()

    }

    if (document.layers) {

        for (i=0;i<=debrisnumber;i++) {

            var thisspan=eval("document.span"+i)

            thisspan.visibility="VISIBLE"

            thisspan.left=x_debrispos

            thisspan.top=y_debrispos

              }

        explode_NN()

    }

}

function explode_IE() {

       if (i_explsteps<=max_explsteps) {

              for (i=0;i<=debrisnumber;i++) {

            var thisspan=eval("document.all.span"+i+".style")

            thisspan.posLeft+=x_random[i]

            thisspan.posTop+=y_random[i]

              }

              i_explsteps++

              var timer=setTimeout("explode_IE()",pause)

       }

       else {

              for (i=0;i<=debrisnumber;i++) {

               var thisspan=eval("document.all.span"+i+".style")

               thisspan.visibility="HIDDEN"

              }

              clearTimeout(timer)

       }

}

function explode_NN() {

       if (i_explsteps<=max_explsteps) {

              for (i=0;i<=debrisnumber;i++) {

            var thisspan=eval("document.span"+i)

            thisspan.left+=x_random[i]

            thisspan.top+=y_random[i]

              }

              i_explsteps++

              var timer=setTimeout("explode_NN()",pause)

       }

       else {

              for (i=0;i<=debrisnumber;i++) {

            var thisspan=eval("document.span"+i)

            thisspan.visibility="HIDDEN"

              }

              clearTimeout(timer)

       }

}

function handlerMM(e){

       x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

       y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

}

if (document.layers){

       document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

for (i=0;i<=debrisnumber;i++) {

    document.write("<div id='span"+i+"' class='spanstyle'>")

    document.write("<table cellpadding=0 cellspacing=0>")

    document.write("<tr><td bgcolor="+debriscolor[i_color]+">")

    document.write("<img src='coolboo.gif' width=3>")

    document.write("</td></tr></table>")

    document.write("</div>")

    i_color++

    if (i_color>=debriscolor.length) {i_color=0}

}

// End -->

</SCRIPT>

 

<a href="http://" onMouseOver="checkbrowser()"><font size="2" color="#0000FF" face="宋体">dddddddddddddddddd</font></a><br>

 

 

0 Comments

Sat

28

Feb

2009

19、爆炸滚动提示信息

19、爆炸滚动提示信息

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write('<div id="tooltip2" style="background-color: #FFCC00; FILTER: revealTrans(transition=12,duration=1); clip: rect(0px 300px 20px 0px); height: 20px; left: -800px; position: absolute; top: 0px; visibility: visible; width: 300px; z-index: 2"></div>');

if (!document.layers&&!document.all)

event="test"

function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){

document.all.tooltip2.innerHTML='<marquee style="font-family: 宋体; color: #000000; font-size: 9pt; border: 1 solid #000000" direction="right" width="300" height="20" behavior="alternate" scrollamount="6">'+text+'</marquee>'

document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10

document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10

document.all.tooltip2.filters.revealTrans.apply()

document.all.tooltip2.style.visibility="visible"

document.all.tooltip2.filters.revealTrans.play()}

else if (document.layers){

document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')

document.tooltip2.document.nstip.document.close()

document.tooltip2.document.nstip.left=0

currentscroll=setInterval("scrolltip()",100)

document.tooltip2.left=e.pageX+10

document.tooltip2.top=e.pageY+10

document.all.tooltip2.filters.revealTrans.apply()

document.tooltip2.visibility="show"

document.all.tooltip2.filters.revealTrans.play()}}

function hidetip2(){

if (document.all)

document.all.tooltip2.style.visibility="hidden"

else if (document.layers){

clearInterval(currentscroll)

document.all.tooltip2.filters.revealTrans.apply()

document.tooltip2.visibility="hidden"

document.all.tooltip2.filters.revealTrans.play()}}

function scrolltip(){

if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)

document.tooltip2.document.nstip.left-=5

else

document.tooltip2.document.nstip.left=300}

hidetip2()

// End -->

</SCRIPT>

                     <a href="http://"><span style="text-decoration: none">  

                     </span></a>

                     <a href="http://" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'很酷吧!!试试吧!')">

                     <span style="text-decoration: none">链接一</span></a><br>

                     <br>

                     <a href="http://"><span style="text-decoration: none">  

                     </span></a>

                     <a href="http://" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'欢迎来7色天空做客')">

                     <span style="text-decoration: none">连接二 </span></a>

                     <p>  

                     <a href="http://" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'ggggggggggggggggggggg')">

                     <span style="text-decoration: none">连接三 </span></a></td>

              </tr>

       </table>

</div>

<p><br>

<br>

 

 

 

</p>

 

0 Comments

Sat

28

Feb

2009

18、滚动链接效果代码

18、滚动链接效果代码

脚本说明:

 

第一步:把如下代码加入<head>区域中

 

<SCRIPT LANGUAGE="JavaScript">

 

  <!--

 

   var a,b,go,word;

 

   function greenlight(word){

 

    a="网页特效代码";

 

    word.style.color="red";

 

    linkSwitch();

 

   } 

 

   function linkSwitch(){

 

    clearTimeout(go);

 

    b=a;

 

    a=a.substring(1,100)+a.charAt(0);

 

    esh.innerText=a;

 

    go=setTimeout("linkSwitch()",100);

 

   }

 

   function stp(word){

 

    clearTimeout(go);

 

    esh.innerText="冰峰山庄";

 

    word.style.color="blue";

 

   }

 

  //-->

 

  </SCRIPT>

 

 

 

 

 

 

 

第二步:把如下代码加入<body>区域中

 

  <A HREF="http://www.7stk.com" onmouseover="greenlight(this)"; onmouseout="stp(this)"><span id="esh"> 网页之作站点</span></A>

 

 

0 Comments

Sat

28

Feb

2009

17、滚动链接导航代码

17、滚动链接导航代码

脚本说明:

 

把如下代码加入<body>区域中

 

  <script>

 

var scrollerwidth=115

 

var scrollerheight=131

 

var scrollerbgcolor='#FFFFFF'

 

//3000 miliseconds=9 seconds

 

var pausebetweenimages=4000

 

 

 

var slideimages=new Array()

 

slideimages[0]='<a href="http://www.yahoo.com.cn" target="_blank">中文雅虎</a><br><br><a href="http://www.263.net" target="_blank">首都在线</a><br><br><a href="http://fsnet.yes8.com/" target="_blank">网络特区</a><br><br><a href="http://go.163.com/~xiaofengyun/" target="_blank"> </a>'

 

slideimages[1]='<a href="" target="_blank">你的链接</a><br><br><a href="" target="_blank">你的链接</a><br><br><a href="" target="_blank">你的链接</a><br><br><a href="" target="_blank">你的链接</a>'

 

slideimages[2]='<a href="http://www.yahoo.com.cn" target="_blank">中文雅虎</a><br><br><a href="http://www.263.net" target="_blank">首都在线</a><br><br><a href="http://fsnet.yes8.com/" target="_blank">网络特区</a><br><br><a href="" target="_blank">你的链接</a>'

 

slideimages[3]='<a href="" target="_blank">你的链接</a><br><br><a href="" target="_blank">你的链接</a><br><br><a href="" target="_blank">你的链接</a><br><br><a href="" target="_blank">你的链接</a>'

 

 

 

 

 

if (slideimages.length>1)

 

i=2

 

else

 

i=0

 

 

 

function move1(whichlayer){

 

tlayer=eval(whichlayer)

 

if (tlayer.top>0&&tlayer.top<=4){

 

tlayer.top=0

 

setTimeout("move1(tlayer)",pausebetweenimages)

 

setTimeout("move2(document.main.document.second)",pausebetweenimages)

 

return

 

}

 

if (tlayer.top>=tlayer.document.height*-1){

 

tlayer.top-=4

 

setTimeout("move1(tlayer)",100)

 

}

 

else{

 

tlayer.top=scrollerheight

 

tlayer.document.write(slideimages[i])

 

tlayer.document.close()

 

if (i==slideimages.length-1)

 

i=0

 

else

 

i++

 

}

 

}

 

 

 

function move2(whichlayer){

 

tlayer2=eval(whichlayer)

 

if (tlayer2.top>0&&tlayer2.top<=4){

 

tlayer2.top=0

 

setTimeout("move2(tlayer2)",pausebetweenimages)

 

setTimeout("move1(document.main.document.first)",pausebetweenimages)

 

return

 

}

 

if (tlayer2.top>=tlayer2.document.height*-1){

 

tlayer2.top-=4

 

setTimeout("move2(tlayer2)",100)

 

}

 

else{

 

tlayer2.top=scrollerheight

 

tlayer2.document.write(slideimages[i])

 

tlayer2.document.close()

 

if (i==slideimages.length-1)

 

i=0

 

else

 

i++

 

}

 

}

 

 

 

function move3(whichdiv){

 

tdiv=eval(whichdiv)

 

if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=4){

 

tdiv.style.pixelTop=0

 

setTimeout("move3(tdiv)",pausebetweenimages)

 

setTimeout("move4(second2)",pausebetweenimages)

 

return

 

}

 

if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){

 

tdiv.style.pixelTop-=4

 

setTimeout("move3(tdiv)",100)

 

}

 

else{

 

tdiv.style.pixelTop=scrollerheight

 

tdiv.innerHTML=slideimages[i]

 

if (i==slideimages.length-1)

 

i=0

 

else

 

i++

 

}

 

}

 

 

 

function move4(whichdiv){

 

tdiv2=eval(whichdiv)

 

if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=4){

 

tdiv2.style.pixelTop=0

 

setTimeout("move4(tdiv2)",pausebetweenimages)

 

setTimeout("move3(first2)",pausebetweenimages)

 

return

 

}

 

if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){

 

tdiv2.style.pixelTop-=4

 

setTimeout("move4(second2)",100)

 

}

 

else{

 

tdiv2.style.pixelTop=scrollerheight

 

tdiv2.innerHTML=slideimages[i]

 

if (i==slideimages.length-1)

 

i=0

 

else

 

i++

 

}

 

}

 

 

 

function startscroll(){

 

if (document.all){

 

move3(first2)

 

second2.style.top=scrollerheight

 

}

 

else if (document.layers){

 

move1(document.main.document.first)

 

document.main.document.second.top=scrollerheight+5

 

document.main.document.second.visibility='show'

 

}

 

}

 

 

 

window.onload=startscroll

 

 

 

if (document.layers)

 

document.write(slideimages[0])

 

 

 

if (document.layers)

 

document.write(slideimages[1])

 

 

 

if (document.layers)

 

document.write(slideimages[0])

 

 

 

if (document.all){

 

document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')

 

document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')

 

document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')

 

document.write(slideimages[0])

 

document.writeln('</div>')

 

document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')

 

document.write(slideimages[1])

 

document.writeln('</div>')

 

document.writeln('</div>')

 

document.writeln('</span>')

 

}

 

</script>

 

 

1 Comments

Sat

28

Feb

2009

16、目录式导航菜单代码

16、目录式导航菜单代码

脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT language=javascript><!--

function out()

{

if(window.event.toElement.id!="menu"        &&       window.event.toElement.id!="link")

  menu.style.visibility="hidden";

}

//-->

 

function out1()

{

if(window.event.toElement.id!="menu1"        &&       window.event.toElement.id!="link")

  menu1.style.visibility="hidden";

}

//-->

</SCRIPT>

 

第二步:把如下代码加入<body>区域中

<div id="back" onmouseout="out()"style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">

<span id="menubar"  onmouseover="menu.style.visibility='visible'">

<font  color=red size=2>菜单</span>

<div border=1  id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">

<a id="link" href="rjxz.htm">软件下载</a>

<a id="link" href="yxxz.htm">游戏下载</a>

<a id="link" href="hjsj.htm">黄金书籍</a>

<a id="link" href="mntk.htm">美女图库</a>

<a id="link" href="mp3.htm">MP3金曲</a>

<a id="link" href="flash.htm">FLASH</a>

</div>

</div>

<div id="back" onmouseout="out1()"style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">

<span id="menubar"  onmouseover="menu1.style.visibility='visible'">

<font  color=red size=2>菜单</span>

<div border=1  id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">

<a id="link" href="rjxz.htm">软件下载</a>

<a id="link" href="yxxz.htm">游戏下载</a>

<a id="link" href="hjsj.htm">黄金书籍</a>

<a id="link" href="mntk.htm">美女图库</a>

<a id="link" href="mp3.htm">MP3金曲</a>

<a id="link" href="flash.htm">FLASH</a>

</div>

</div>

 

0 Comments

Sat

28

Feb

2009

15、动态向上移动导航

15、动态向上移动导航

脚本说明:

 

把如下代码加入<body>区域中

 

<script language=javascript>

 

<!--

 

var index = 9

 

link = new Array(8);

 

text = new Array(8);

 

 

 

link[0] ='http://www.7stk.com'

 

link[1] ='http://www.7stk.com'

 

link[2] ='http://www.7stk.com'

 

link[3] ='http://www.7stk.com'

 

link[4] ='http://www.7stk.com'

 

link[5] ='http://www.7stk.com'

 

link[6] ='http://www.7stk.com'

 

link[7] ='http://www.7stk.com'

 

link[8] ='http://www.7stk.com'

 

 

 

 

text[0] ='说明一'

 

text[1] ='说明一'

 

text[2] ='说明一'

 

text[3] ='说明一'

 

text[4] ='说明一'

 

text[5] ='说明一'

 

text[6] ='说明一'

 

text[7] ='说明一'

 

text[8] ='说明一'

 

 

 

document.write ("<marquee scrollamount='1' scrolldelay='100' direction= 'up' width='150' height='150'>");

 

 

 

for (i=0;i<index;i++){

 

document.write ("&nbsp;<img src='arrow.gif' width='12' height='12'><a href="+link[i]+" target='_blank'>");

 

document.write (text[i] + "</A><br>");

 

}

 

document.write ("</marquee>")

 

// -->

 

</script>

 

 

0 Comments

Sat

28

Feb

2009

14、左键弹出菜单代码

14、左键弹出菜单代码

脚本说明:

 

把如下代码加入<body>区域中

 

<SCRIPT language=javascript><!--

 

document.onclick = popUp

 

 

 

function popUp() {

 

newX = window.event.x + document.body.scrollLeft

 

newY = window.event.y + document.body.scrollTop

 

menu = document.all.itemopen

 

  if ( menu.style.display == ""){

 

    menu.style.display = "none" }

 

  else {

 

     menu.style.display = ""}

 

 

 

    menu.style.pixelLeft = newX - 50

 

    menu.style.pixelTop = newY - 50

 

}

 

//-->

 

 

 

 

 

</SCRIPT>

 

 

 

 

 

 <!-- Start of Popup Menu  -->

 

 

 

 <table id="itemopen" class='box'  style='display:none'> 

 

 <tr><td><a href='index.htm' class="cc" >弹出菜单</a></td></tr>  

 

 <tr><td><a href='time1.htm' class="cc" >本站首页</a></td></tr>

 

 <tr><td><a href='time2.htm' class="cc">My求职信</a></td></tr>

 

 <tr><td><a href='time3.htm' class="cc" >网上赚钱</a></td></tr>

 

 <tr><td><a href='ye1.htm' class="cc" >免费资源</a></td></tr>

 

 <tr><td><a href='ye2.htm' class="cc" >更多连接</a></td></tr>

 

 <tr><td><a href='ye3.htm' class="cc" >更多连接</a></td></tr>

 

 <tr><td><a href='zh1.htm' class="cc" >更多连接</a></td></tr>

 

    </table>

 

 

 

  <!-- End of Popup Menu  -->

 

 

1 Comments

Sat

28

Feb

2009

13、右键弹出菜单代码

13、右键弹出菜单代码

<!--将以下代码加入HTML<Body></Body>之间-->

<style>

<!--

.skin0 {

position:absolute;

text-align:left;

width:200px;

border:2px solid black;

background-color:menu;

font-family:Verdana;

line-height:20px;

cursor:default;

visibility:hidden;

}

.skin1 {

cursor:default;

font:menutext;

position:absolute;

text-align:left;

font-family: Arial, Helvetica, sans-serif;

font-size: 10pt;

width:120px;

background-color:menu;

border:1 solid buttonface;

visibility:hidden;

border:2 outset buttonhighlight;

}

.menuitems {

padding-left:15px;

padding-right:10px;

}

-->

</style>

 

<SCRIPT LANGUAGE="JavaScript1.2">

<!-- Begin

var menuskin = "skin1";

var display_url = 0;

function showmenuie5() {

var rightedge = document.body.clientWidth-event.clientX;

var bottomedge = document.body.clientHeight-event.clientY;

if (rightedge < ie5menu.offsetWidth)

ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;

else

ie5menu.style.left = document.body.scrollLeft + event.clientX;

if (bottomedge < ie5menu.offsetHeight)

ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;

else

ie5menu.style.top = document.body.scrollTop + event.clientY;

ie5menu.style.visibility = "visible";

return false;

}

function hidemenuie5() {

ie5menu.style.visibility = "hidden";

}

function highlightie5() {

if (event.srcElement.className == "menuitems") {

event.srcElement.style.backgroundColor = "highlight";

event.srcElement.style.color = "white";

if (display_url)

window.status = event.srcElement.url;

   }

}

function lowlightie5() {

if (event.srcElement.className == "menuitems") {

event.srcElement.style.backgroundColor = "";

event.srcElement.style.color = "black";

window.status = "";

   }

}

function jumptoie5() {

if (event.srcElement.className == "menuitems") {

if (event.srcElement.getAttribute("target") != null)

window.open(event.srcElement.url, event.srcElement.getAttribute("target"));

else

window.location = event.srcElement.url;

   }

}

//  End -->

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">

 

 

<div class="menuitems" url="http://www.7stk.com#">网页特效梦工厂</div>

<div class="menuitems" url="http://www.skycn.com#">天空下载</div>

</div>

<script language="JavaScript1.2">

if (document.all && window.print) {

ie5menu.className = menuskin;

document.oncontextmenu = showmenuie5;

document.body.onclick = hidemenuie5;}

</script>

 

1 Comments

Sat

28

Feb

2009

12、非常酷的 导航代码

12、非常酷的 导航代码

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>有声有色 2004 - 特效名称:WinXP渐显声效菜单</title>

</head>

 

<body>

 

 

<SCRIPT language="JavaScript">

<!-- Begin

document.write('<style><!--');

document.write('    .menutableT    {border-left: 5 solid #FF0000; border-right: 5 solid #307CE8;border-top: 1 solid #94BCF3; border-bottom: 1 solid #307CE8; font-size: 12px; background-color: #FFFFFF;}');

document.write('    .menutable{position: absolute; z-index: 100; border-left: 5 solid #FF0000; border-right: 1 solid #307CE8; border-top: 1 solid #94BCF3; border-bottom: 1 solid #307CE8; font-size: 12px; background-color: #FFFFFF;}');

document.write('    .menutrin{background-color: #1A71E6; color: #000000; cursor: default;}');

document.write('    .menutrout{color: #000000; cursor: default;}      ');

document.write('    .menutd0{text-align: center; width: 28; height: 25;}');

document.write('    .menutd1{text-align: right;    width: 50; font-family: Webdings;}');

document.write('    .linktd1{width: 46;}      ');

document.write('    .menutd2{width: 4;}');

document.write('    .menuhr{border: 1 inset #307CE8;}');

document.write('    .indentWord{padding-left: 2px;}');

document.write('--></style>');

document.write('<bgsound src="" loop="0" id="theBS"> ');

var SubMenuList = new Array();

var NowSubMenu = "";

var mouseCanSound = true;

var menuSpeed     =  50; 

var alphaStep     =  30;

function TopMenu(objName,L,T)

{

       this.id     = "Menu_"+objName;

       this.obj    = objName;

       this.length  = 0;

       this.L       = L

       this.T       = T

       this.addTopMenu = addTopMenu;

       this.addTopLink = addTopLink;

       this.returnAll  = returnAll

       document.body.insertAdjacentHTML('afterBegin','<div id="temp_'+this.id+'" style="display: none;"><table id="'+this.id+'" border="0" cellspacing="0" cellpadding="0" class="menutableT" ><tr></tr></table></div>');

}

function returnAll(str)

{

       var obj = eval("temp_"+this.id);

       str = eval(str)

       var tempstr = obj.innerHTML

       obj.outerHTML = "";

       str.insertAdjacentHTML('beforeEnd',tempstr)

}

function SubMenu(objName,objID)

{

       this.obj = objName;

       this.id  = objID;

       this.addMenu = addMenu;

       this.addLink = addLink;

       this.addHR   = addHR;

       this.length  = 0;

}

function addTopMenu(word,icon,title)

{

       var subID    = this.id + "_" + this.length;

       var subObj  = this.obj+"["+this.length+"]";

       var oldID   = this.id;

       eval(subObj+"= new SubMenu('"+subObj+"','"+subID+"')");

    makeTopMenu(subID,oldID,word,icon,title);

    this.length++;

}

function addTopLink(word,icon,url,target,title)

{

       var subID    = this.id + "_" + this.length;

       var oldID  = this.id;

       makeTopLink(subID,oldID,word,icon,url,target,title);

       this.length++;

}

function makeTopMenu(subID,oldID,word,icon,thetitle)

{

    icon='';

       if(!thetitle||thetitle==""){thetitle = '';}

       var Oobj = document.getElementById(oldID);

       var TempTableStr = '<table border="0" cellspacing="0" cellpadding="0" style="font-size: 12px">'

                                    + '<tr class="menutrout" id="tr'+subID+'" onmousedown="TMtrClick(this)" onmouseover="MtrOver(this,1);this.MH=false" title="'+thetitle+'" onmouseup="event.cancelBubble=true">'

                                    + '<td class="menutd0">'+icon+'</td>'

                                    + '<td><nobr class=indentWord>'+word+'</nobr></td>'

                                    + '<td class="menutd2"> </td>'

                                    + '</tr></table>'

       Oobj.rows(0).insertCell().innerHTML = TempTableStr

       document.body.insertAdjacentHTML('beforeEnd','<table id="'+subID+'" border="0" cellspacing="0" cellpadding="0" style="top: 0; left: 0; visibility: hidden; filter:Alpha(Opacity=0);" class="menutable" ></table>');

}

function makeTopLink(subID,oldID,word,icon,url,target,thetitle)

{

       var thelink = '';

    icon='';

       if(!thetitle||thetitle==""){thetitle = '';}

       if(url&&url!=""){thelink += '<a href="'+url+'" ';

              if(target&&target!=""){thelink += '  '; thelink += 'target="'+target+'" '}

              thelink += '></a>';}

       var Oobj = document.getElementById(oldID);

       var TempTableStr = '<table border="0" cellspacing="0" cellpadding="0" style="font-size: 12px">'

                                    + '<tr class="menutrout" id="tr'+subID+'" onmouseout="LtrOut(this,1)" onmouseover="LtrOver(this,1)" onclick="MtrClick(this,1)" title="'+thetitle+'">'

                                    + '<td class="menutd0">'+icon+'</td>'

                                    + '<td>'+thelink+'<nobr class=indentWord>'+word+'</nobr></td>'

                                    + '<td class="menutd2"> </td>'

                                    + '</tr></table>'

       Oobj.rows(0).insertCell().innerHTML = TempTableStr             

}

function addMenu(word,icon,url,target,title)

{

       var subID    = this.id + "_" + this.length;

       var subObj  = this.obj+"["+this.length+"]";

       var oldID   = this.id;

       eval(subObj+"= new SubMenu('"+subObj+"','"+subID+"')");

       makeMenu(subID,oldID,word,icon,url,target,title);

       this.length++;

}

function addLink(word,icon,url,target,title)

{

       var subID    = this.id + "_" + this.length;

       var oldID  = this.id;

    makeLink(subID,oldID,word,icon,url,target,title);

       this.length++;

}

function addHR()

{

       var oldID = this.id;

       var Oobj = document.getElementById(oldID);

       Oobj.insertRow();

       Oobj.rows(Oobj.rows.length-1).insertCell();

       with(Oobj.rows(Oobj.rows.length-1))

       {

              cells(0).colSpan= 4;

              cells(0).insertAdjacentHTML('beforeEnd','<hr class="menuhr" size="1" width="95%">');             

       }    

}

function makeMenu(subID,oldID,word,icon,url,target,thetitle)

{

       var thelink = '';

       icon = '';

       if(!thetitle||thetitle==""){thetitle = '';}

       if(url&&url!=""){thelink += '<a href="'+url+'" ';

       if(target&&target!=""){ thelink += '  ';thelink += 'target="'+target+'" '}

              thelink += '></a>';}

       var Oobj = document.getElementById(oldID);

       Oobj.insertRow();

       with(Oobj.rows(Oobj.rows.length-1))

       {

              id                  = "tr"+subID;

              className      = "menutrout";

              title       = thetitle;

       }

       eventObj = "tr"+subID;

       eval(eventObj+'.attachEvent("onmouseover",MtrOver('+eventObj+'))');    

       eval(eventObj+'.attachEvent("onclick",MtrClick('+eventObj+'))');     

       var trObj = eval(eventObj);

       for(i=0;i<4;i++){trObj.insertCell();}

       with(Oobj.rows(Oobj.rows.length-1))

       {

              cells(0).className = "menutd0";

              cells(0).innerHTML = icon;

              cells(1).innerHTML = thelink+'<nobr class=indentWord>'+word+'</nobr>';

              cells(1).calssName = "indentWord"

              cells(2).className = "menutd1";

              cells(2).innerHTML = "4";

              cells(3).className = "menutd2";

              cells(3).innerText = " ";

       }    

       document.body.insertAdjacentHTML('beforeEnd','<table id="'+subID+'" border="0" cellspacing="0" cellpadding="0" style="top: 0; left: 0; visibility: hidden; filter:Alpha(Opacity=0);" class="menutable"></table>');

       }

function makeLink(subID,oldID,word,icon,url,target,thetitle)

{

       var thelink = '';

       icon = '';

       if(!thetitle||thetitle==""){thetitle = '';}

       if(url&&url!=""){thelink += '<a href="'+url+'" ';

              if(target&&target!=""){ thelink += '  '; thelink += 'target="'+target+'" '}

              thelink += '></a>';}

       var Oobj = document.getElementById(oldID);

       Oobj.insertRow();

       with(Oobj.rows(Oobj.rows.length-1)){id                  = "tr"+subID;className = "menutrout";title       = thetitle;}

       eventObj = "tr"+subID;

       eval(eventObj+'.attachEvent("onmouseover",LtrOver('+eventObj+'))');     

       eval(eventObj+'.attachEvent("onmouseout",LtrOut('+eventObj+'))');        

       eval(eventObj+'.attachEvent("onclick",MtrClick('+eventObj+'))');     

       var trObj = eval(eventObj);

       for(i=0;i<4;i++){trObj.insertCell();}

       with(Oobj.rows(Oobj.rows.length-1)){

              cells(0).className = "menutd0";

              cells(0).innerHTML = icon;

              cells(1).innerHTML = thelink+'<nobr class=indentWord>'+word+'</nobr>';

              cells(2).className = "linktd1";

              cells(2).innerText = " ";

              cells(3).className = "menutd2";

              cells(3).innerText = " ";

              }    

}

function MtrOver(obj,isTop)

{

if(isTop)

{

              var sonid = obj.id.substring(2,obj.id.length);

              var topobj = obj.parentElement.parentElement;

              NowSubMenu = topobj.id;

              if(obj.className=="menutrout"){mouseWave();}             

              HideMenu(1);       

              SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu;

              if(isTop){ShowTheMenu(sonid,100)}

              else{ShowTheMenu(sonid,MPreturn(sonid))       }           

              SubMenuList[returnIndex(obj.id)] = sonid;

              if(topobj.oldTR){ eval(topobj.oldTR+'.className = "menutrout"'); }

              obj.className = "menutrin";

              topobj.oldTR = obj.id;

}

else

{

       return sub_over;

       function sub_over()

       {

              var sonid = obj.id.substring(2,obj.id.length);

              var topobj = obj.parentElement.parentElement;

              NowSubMenu = topobj.id;

              if(obj.className=="menutrout"){ mouseWave();}            

              HideMenu(1);       

              SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu;

              if(isTop){ShowTheMenu(sonid,100)}

              else{ShowTheMenu(sonid,MPreturn(sonid))}            

              SubMenuList[returnIndex(obj.id)] = sonid;

           if(topobj.oldTR){eval(topobj.oldTR+'.className = "menutrout"');}

              obj.className = "menutrin";

              topobj.oldTR = obj.id;

       }

}    

}

function LtrOver(obj,isTop)

{

if(isTop)

{

              var topobj = obj.parentElement.parentElement;

              NowSubMenu = topobj.id;   

              HideMenu(1);

              SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu;

              if(topobj.oldTR){eval(topobj.oldTR+'.className = "menutrout"');}

              obj.className = "menutrin";

              topobj.oldTR = obj.id;

}

else

{

       return sub_over;

       function sub_over()

       {

              var topobj = obj.parentElement.parentElement;

              NowSubMenu = topobj.id;

              HideMenu(1);

              SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu;

              if(topobj.oldTR){eval(topobj.oldTR+'.className = "menutrout"');}

              obj.className = "menutrin";

              topobj.oldTR = obj.id;

       }

}    

}

function LtrOut(obj,isTop)

{

  if(isTop){var topobj = obj.parentElement.parentElement; obj.className = "menutrout"; topobj.oldTR = false; }

  else{return sub_out;function sub_out(){   var topobj = obj.parentElement.parentElement; obj.className = "menutrout"; topobj.oldTR = false; }}      

}

function MtrClick(obj,isTop)

{

if(isTop){if(obj.cells(1).all.tags("A").length>0){obj.cells(1).all.tags("A")(0).click();}}

else{return sub_click;function sub_click(){  if(obj.cells(1).all.tags("A").length>0)   {obj.cells(1).all.tags("A")(0).click();}}}     

}

function TMtrClick(obj)

{

       if(obj.MH){    MtrOver(obj,1); obj.MH = false;}

       else{document.onmouseup(); obj.MH = true;}

}

function returnIndex(str)

{

       return (str.split("_").length-3)

}

function ShowTheMenu(obj,num)

{

       var topobj = eval(obj.substring(0,obj.length-2));

       var SrcObj  = eval(topobj.id.split("_")[1])

       var ML      = 0

       if(SrcObj.L){ML                  += eval(SrcObj.L)}             

       var MT      = 0

       if(SrcObj.T){MT                  += eval(SrcObj.T)}             

       var trobj  = eval("tr"+obj);

       var obj = eval(obj);

       var TheTDLeft = trobj.parentElement.parentElement.parentElement.offsetLeft;      

       if(num==0){with(obj.style){pixelLeft = topobj.style.pixelLeft +topobj.offsetWidth;pixelTop  = topobj.style.pixelTop + trobj.offsetTop;}}

       if(num==1){with(obj.style){pixelLeft = topobj.style.pixelLeft + topobj.offsetWidth;pixelTop  = topobj.style.pixelTop  + trobj.offsetTop + trobj.offsetHeight - obj.offsetHeight;}}

       if(num==2){with(obj.style){pixelLeft = topobj.style.pixelLeft -  obj.offsetWidth;pixelTop  = topobj.style.pixelTop + trobj.offsetTop;}}

       if(num==3){with(obj.style){pixelLeft = topobj.style.pixelLeft -  obj.offsetWidth;pixelTop  = topobj.style.pixelTop  + trobj.offsetTop + trobj.offsetHeight - obj.offsetHeight;}}

       if(num==100){with(obj.style){pixelLeft = document.body.scrollLeft + topobj.offsetLeft + TheTDLeft + ML;pixelTop  = document.body.scrollTop + topobj.offsetTop + topobj.offsetHeight + MT;}}

       obj.style.visibility  = "visible";  

       if(obj.alphaing){clearInterval(obj.alphaing);}

       obj.alphaing = setInterval("menu_alpha_up("+obj.id+","+alphaStep+")",menuSpeed);

}

function HideMenu(num)

{

       var thenowMenu = "";

       var obj = null;

       if(num==1){thenowMenu = NowSubMenu}

       for(i=SubMenuList.length-1;i>=0;i--)

       {

              if(SubMenuList[i]&&SubMenuList[i]!=thenowMenu){obj = eval(SubMenuList[i]);

                     if(obj.alphaing){clearInterval(obj.alphaing);}     

                 obj.alphaing = setInterval("menu_alpha_down("+obj.id+","+alphaStep+")",menuSpeed);

                     obj.style.visibility = "hidden";

                     eval("tr"+SubMenuList[i]).className = "menutrout";

                     SubMenuList[i] = null; 

              }

              else

              {

                     if(SubMenuList[i]==thenowMenu){return;}

              }

       }

       NowSubMenu = "";

}

function MPreturn(obj)

{

       var topobj = eval(obj.substring(0,obj.length-2));

       var trobj  = eval("tr"+obj);

       var x = topobj.style.pixelLeft + topobj.offsetWidth;

       var y = topobj.style.pixelTop  + trobj.offsetTop;

       obj = eval(obj);

       var judgerY =  obj.offsetHeight + y;

       var judgerX =  obj.offsetWidth  + x;

       var py = 0;

       var px = 0;

       if(judgerY>=document.body.clientHeight){py = 1;}

       if(judgerX>= document.body.clientWidth){px = 2;}

       return (px+py);

}

function mouseWave()

{

       if(mouseCanSound){theBS.src= "cbsound.wav";}      

}

function menu_alpha_down(obj,num)

{

              var obj = eval(obj);

              if(obj.filters.Alpha.Opacity > 0 ){obj.filters.Alpha.Opacity += -num;}    

              else{clearInterval(obj.alphaing);obj.filters.Alpha.Opacity = 0;   obj.alphaing = false;obj.style.visibility = "hidden";}  

}

function menu_alpha_up(obj,num)

{

              var obj = eval(obj);

              if(obj.filters.Alpha.Opacity<100)

                     obj.filters.Alpha.Opacity += num;

              else{clearInterval(obj.alphaing);obj.filters.Alpha.Opacity = 100;obj.alphaing = false;}   

}

function document.onmouseup()

{

       HideMenu();

}

//  End -->

</SCRIPT>

<SCRIPT language="JavaScript">

<!-- Begin

var TM = new TopMenu("TM")

TM.addTopMenu("fdgdfg",0)

       TM[0].addLink("dfgdfgdfg",0,"http://")

       TM[0].addLink("dfgdfgdfgdf",0,"http://")

       TM[0].addLink("fghdfhdfgdf",0,"http://")

       TM[0].addLink("fdgdfgdfg",0,"http://")

       TM[0].addLink("fdgdfgdf",0,"http://")

 

TM.addTopMenu("cvbcvbncvn",0)

       TM[1].addLink("cvbcvbncncv",0,"http://ghjghj.cc")

 

TM.addTopMenu("cvbcvbn",0)

       TM[2].addLink("ncvcvncvn",0,"http://cvbcvncv")

 

TM.addTopMenu("vbnvbn",0)

       TM[3].addLink("cvbcvn",0,"http://")

 

 

TM.returnAll("document.body")

//  End -->

</SCRIPT>

 

 

 

</body>

 

</html>

 

1 Comments

Sat

28

Feb

2009

11、滑动导航菜单代码

11、滑动导航菜单代码

<!--将以下代码加入HTML<Body></Body>之间-->

 

<style>

<!--

#ssm2 A {

       color:black;

       text-decoration:none;

       font-size:12;

       font-family:verdana;

       }

 

#ssm2 A:hover {

       color:red;

        }

-->

</style>

<script language="JavaScript1.2">

 

function MM_displayStatusMsg(msgStr) {

  status=msgStr;

  document.MM_returnValue = true;

}

 

function highlight(x){

document.forms[x].elements[0].focus()

document.forms[x].elements[0].select()

}

 

function MM_jumpMenu(targ,selObj,restore){

  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

  if (restore) selObj.selectedIndex=0;

}

 

var NS

IE=document.all;

NS=document.layers;

 

 

hdrFontFamily="Verdana";

hdrFontSize="2";

hdrFontColor="white";

hdrBGColor="#666666";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#CCCCCC";

linkTarget="_top";

YOffset=60;

staticYOffset=20;

menuBGColor="black";

menuIsStatic="no";

menuHeader="欢迎光临"

menuWidth=150; // Must be a multiple of 5!

staticMode="advanced"

barBGColor="#1298fd";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barText="导航菜单"

 

function moveOut() {

if (window.cancel) {

  cancel="";

}

 

if (window.moving2) {

  clearTimeout(moving2);

  moving2="";

}

if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) {

  if (IE) {ssm2.style.pixelLeft += (5%menuWidth);

}

if (NS) {

  document.ssm2.left += (5%menuWidth);

}

 

moving1 = setTimeout('moveOut()', 5)

}

else {

  clearTimeout(moving1)

  }

};

 

function moveBack() {

  cancel = moveBack1()

}

function moveBack1() {

  if (window.moving1) {

    clearTimeout(moving1)

}

 

if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS && document.ssm2.left>(-150))) {

  if (IE) {ssm2.style.pixelLeft -= (5%menuWidth);

}

if (NS) {

  document.ssm2.left -= (5%menuWidth);

}

moving2 = setTimeout('moveBack1()', 5)}

  else {

    clearTimeout(moving2)

  }

};

 

lastY = 0;

function makeStatic(mode) {

if (IE) {winY = document.body.scrollTop;var NM=ssm2.style

}

if (NS) {winY = window.pageYOffset;var NM=document.ssm2

}

if (mode=="smooth") {

  if ((IE||NS) && winY!=lastY) {

    smooth = .2 * (winY - lastY);

      if(smooth > 0) smooth = Math.ceil(smooth);

    else smooth = Math.floor(smooth);

      if (IE) NM.pixelTop+=smooth;

        if (NS) NM.top+=smooth;

      lastY = lastY+smooth;

}

setTimeout('makeStatic("smooth")', 1)

}

 

else if (mode=="advanced") {

  if ((IE||NS) && winY>YOffset-staticYOffset) {

    if (IE) {NM.pixelTop=winY+staticYOffset

  }

if (NS) {NM.top=winY+staticYOffset

  }

}

else {

if (IE) {NM.pixelTop=YOffset

}

 if (NS) {NM.top=YOffset-7

 }

}

setTimeout('makeStatic("advanced")', 1)

 }

}

 

function init() {

if (IE) {

ssm2.style.pixelLeft = -menuWidth;

ssm2.style.visibility = "visible"

}

else if (NS) {

document.ssm2.left = -menuWidth;

document.ssm2.visibility = "show"

}

else {

alert('Choose either the "smooth" or "advanced" static modes!')

}

}

 

 

function MM_displayStatusMsg(msgStr) {

  status=msgStr;

  document.MM_returnValue = true;

}

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

            <script language="JavaScript1.2">

if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}

tempBar=""

for (i=0;i<barText.length;i++) {

tempBar+=barText.substring(i, i+1)+"<BR>"}

document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')

function addItem(text, link, target) {

if (!target) {target=linkTarget}

document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssm2Items">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')}

function addHdr(text) {

document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}

 

addItem("网页特效梦工厂", "http://www.7stk.com/touxiao", "");

addItem("天空下载", "http://www.skycn.com", "");

addHdr('友情连接');

addItem("大富翁论坛", "http://www.163.com", "");

addItem("Codelphi", "http://www.163.com", "");

addItem("中国软件", "http://www.163.net", "");

document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')

if (IE) {document.write('</DIV>')}

if (NS) {document.write('</LAYER>')}

if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);}

</script><script> window.onload=init  </script>

 

1 Comments

Sat

28

Feb

2009

10、有鼠标标边框菜单

10、有鼠标标边框菜单

<!--将以下代码加入HTML<Body></Body>之间-->

<style>

.menulines{

border:1px solid white;

}

 

.menulines a{

text-decoration:none;

color:black;

}

</style>

<script language="JavaScript1.2">

function borderize(what,color){

what.style.borderColor=color

}

 

function borderize_on(e){

if (document.all)

source3=event.srcElement

else if (document.getElementById)

source3=e.target

if (source3.className=="menulines"){

borderize(source3,"black")

}

else{

while(source3.tagName!="TABLE"){

source3=document.getElementById? source3.parentNode : source3.parentElement

if (source3.className=="menulines")

borderize(source3,"black")

}

}

}

 

function borderize_off(e){

if (document.all)

source4=event.srcElement

else if (document.getElementById)

source4=e.target

if (source4.className=="menulines")

borderize(source4,"white")

else{

while(source4.tagName!="TABLE"){

source4=document.getElementById? source4.parentNode : source4.parentElement

if (source4.className=="menulines")

borderize(source4,"white")

}

}

}

 

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<tr><td width="100%" bgcolor="#E6E6E6" height="13"><b><font size="2">导航菜单</font></b></td></tr>

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<table border="0" width="150" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)" height="95">

 

<tr><td width="100%" class="menulines" height="14"><a href="http://www.7stk.com"><font face="宋体" size="2">网页特效梦工厂</font></a></td></tr>

<tr><td width="100%" class="menulines" height="14"><a href="http://www.skycn.com"><font face="宋体" size="2">天空下载</font></a></td></tr>

<tr><td width="100%" class="menulines" height="14"><a href="http://www.bbs.com"><font face="宋体" size="2">大富翁论坛</font></a></td></tr>

<tr><td width="100%" class="menulines" height="14"><a href="http://www.i.com"><font face="宋体" size="2">Codelphi</font></a></td></tr>

<tr><td width="100%" class="menulines" height="14"><a href="http://www.csdn.net"><font face="宋体" size="2">中国软件</font></a></td></tr>

</table>

1 Comments

Sat

28

Feb

2009

9、鼠标动态提示特效

9、鼠标动态提示特效

<!--将以下代码加入HTML<Body></Body>之间-->

<style type="text/css">

<!--

a:link {  color: #0020FF; text-decoration: none;font-size: 9pt}

a:visited { color:#0020FF; text-decoration: none;font-size: 9pt}

a:hover {  color: #585858; text-decoration: underline;font-size: 9pt}

-->

</style>

<style>

<!--

#PCL {

                font-family:宋体 ;

                font-style: none;

                font-weight: normal;

                text-decoration: none;

                font-size: 9pt;

}

#PTT {

                font-family: 宋体;

                font-size: 9pt;

}

#PST {

                font-family:宋体;

                font-size: 9pt;

}

-->

</style>

<div ID="overDiv" STYLE="position:absolute; visibility:hide; z-index: 1;"></div><script

LANGUAGE="JavaScript">

if (typeof fcolor == 'undefined') { var fcolor = "CCCCFF";}

if (typeof backcolor == 'undefined') { var backcolor = "333399";}

if (typeof textcolor == 'undefined') { var textcolor = "060606";}

if (typeof capcolor == 'undefined') { var capcolor = "FFFFFF";}

if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}

if (typeof width == 'undefined') { var width = "200";}

if (typeof border == 'undefined') { var border = "1";}

if (typeof offsetx == 'undefined') { var offsetx = 10;}

if (typeof offsety == 'undefined') { var offsety = 10;}

ns4 = (document.layers)? true:false

ie4 = (document.all)? true:false

if (ie4) {

if (navigator.userAgent.indexOf('MSIE 5')>0) {

ie5 = true;

} else {

ie5 = false; }

} else {

ie5 = false;

}

var x = 0;

var y = 0;

var snow = 0;

var sw = 0;

var cnt = 0;

var dir = 1;

var tr = 1;

if ( (ns4) || (ie4) ) {

if (ns4) over = document.overDiv

if (ie4) over = overDiv.style

document.onmousemove = mouseMove

if (ns4) document.captureEvents(Event.MOUSEMOVE)

}

function drs(text) {

dts(1,text);

}

function drc(text, title) {

dtc(1,text,title);

}

function src(text,title) {

stc(1,text,title);

}

function dls(text) {

dts(0,text);

}

function dlc(text, title) {

dtc(0,text,title);

}

function slc(text,title) {

stc(0,text,title);

}

function dcs(text) {

dts(2,text);

}

function dcc(text, title) {

dtc(2,text,title);

}

function scc(text,title) {

stc(2,text,title);

}

function nd() {

if ( cnt >= 1 ) { sw = 0 };

if ( (ns4) || (ie4) ) {

if ( sw == 0 ) {

snow = 0;

hideObject(over);

} else {

cnt++;

}

}

}

function dts(d,text) {

txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><FONT FACE=\"Arial,Helvetica\" COLOR=\""+textcolor+"\" SIZE=\"-2\">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"

layerWrite(txt);

dir = d;

disp();

}

function dtc(d,text, title) {

txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID=\"PTT\"><B><FONT COLOR=\""+capcolor+"\">"+title+"</FONT></B></SPAN></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"

layerWrite(txt);

dir = d;

disp();

}

function stc(d,text, title) {

sw = 1;

cnt = 0;

txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID=\"PTT\"><B><FONT COLOR=\""+capcolor+"\">"+title+"</FONT></B></SPAN></TD><TD ALIGN=RIGHT><A HREF=\"/\" onMouseOver=\"cClick();\" ID=\"PCL\"><FONT COLOR=\""+closecolor+"\">Close</FONT></A></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"

layerWrite(txt);

dir = d;

disp();

snow = 0;

}

function disp() {

if ( (ns4) || (ie4) ) {

if (snow == 0) {

if (dir == 2) {

moveTo(over,x+offsetx-(width/2),y+offsety);

}

if (dir == 1) {

moveTo(over,x+offsetx,y+offsety);

}

if (dir == 0) {

moveTo(over,x-offsetx-width,y+offsety);

}

showObject(over);

snow = 1;

}

}

}

function mouseMove(e) {

if (ns4) {x=e.pageX; y=e.pageY;}

if (ie4) {x=event.x; y=event.y;}

if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}

if (snow) {

if (dir == 2) {

moveTo(over,x+offsetx-(width/2),y+offsety);

}

if (dir == 1) {

moveTo(over,x+offsetx,y+offsety);

}

if (dir == 0) {

moveTo(over,x-offsetx-width,y+offsety);

}

}

}

function cClick() {

hideObject(over);

sw=0;

}

function layerWrite(txt) {

if (ns4) {

var lyr = document.overDiv.document

lyr.write(txt)

lyr.close()

}

else if (ie4) document.all["overDiv"].innerHTML = txt

if (tr) { trk(); }

}

function showObject(obj) {

if (ns4) obj.visibility = "show"

else if (ie4) obj.visibility = "visible"

}

function hideObject(obj) {

if (ns4) obj.visibility = "hide"

else if (ie4) obj.visibility = "hidden"

}

function moveTo(obj,xL,yL) {

obj.left = xL

obj.top = yL

}

function trk() {

if ( (ns4) || (ie4) )

tr = 0;

}

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

 

<a HREF="http://www.163.com" onMouseOver="drc('这是个不错的网站','网页特效梦工厂'); return true;"onMouseOut="nd(); return true;">网页特效梦工厂</a><br>

<a HREF="http://www.skycn.com" onMouseOver="drc('很好的下载站点,速度快','天空下载'); return true;"onMouseOut="nd(); return true;">天空下载</a><br>

<a HREF="http://www.bb.com" onMouseOver="drc('编程爱好者的乐园','大富翁论坛'); return true;"onMouseOut="nd(); return true;">大富翁论坛</a><br>

<a HREF="http://www.163.com" onMouseOver="drc('这里有Delphi的好东东','Codelphi'); return true;"onMouseOut="nd(); return true;">Codelphi</a><br>

<a HREF="http://www.csdn.net" onMouseOver="drc('程序员必看','中国软件'); return true;"onMouseOut="nd(); return true;">中国软件</a><br>

0 Comments

Sat

28

Feb

2009

8、鼠标滚动提示代码

8、鼠标滚动提示代码

<!--将以下代码加入HTML<Body></Body>之间-->

<style type="text/css">

<!--

a:link {  color: #0020FF; text-decoration: none;font-size: 9pt}

a:visited { color:#0020FF; text-decoration: none;font-size: 9pt}

a:hover {  color: #585858; text-decoration: underline;font-size: 9pt}

-->

</style>

<SCRIPT language=JavaScript>

if (!document.layers&&!document.all)

event="test"

function showtip2(current,e,text){

 

if (document.all&&document.readyState=="complete"){

document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'

document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10

document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10

document.all.tooltip2.style.visibility="visible"

}

 

else if (document.layers){

document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')

document.tooltip2.document.nstip.document.close()

document.tooltip2.document.nstip.left=0

currentscroll=setInterval("scrolltip()",100)

document.tooltip2.left=e.pageX+10

document.tooltip2.top=e.pageY+10

document.tooltip2.visibility="show"

}

}

function hidetip2(){

if (document.all)

document.all.tooltip2.style.visibility="hidden"

else if (document.layers){

clearInterval(currentscroll)

document.tooltip2.visibility="hidden"

}

}

 

function scrolltip(){

if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)

document.tooltip2.document.nstip.left-=5

else

document.tooltip2.document.nstip.left=150

}

</SCRIPT><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<DIV id=tooltip2

style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2"><LAYER

name="nstip" width="500px" bgColor="white"></LAYER></DIV>

 

 

<A href="http://www.ddd98.com" onmouseout=hidetip2() onmouseover="showtip2(this,event,'这是个不错的网站')" target=_blank>网页特效梦工厂</font></A><br>

<A href="http://www.skycn.com" onmouseout=hidetip2() onmouseover="showtip2(this,event,'很好的下载站点,速度快')" target=_blank>天空下载</font></A><br>

<A href="http://www.163.com" onmouseout=hidetip2() onmouseover="showtip2(this,event,'编程爱好者的乐园')" target=_blank>大富翁论坛</font></A><br>

<A href="http://www.163.com" onmouseout=hidetip2() onmouseover="showtip2(this,event,'这里有Delphi的好东东')" target=_blank>Codelphi</font></A><br>

<A href="http://www.csdn.net" onmouseout=hidetip2() onmouseover="showtip2(this,event,'程序员必看')" target=_blank>中国软件</font></A><br>

 

0 Comments

Sat

28

Feb

2009

7、固定低端连接代码

7、固定低端连接代码

<!--<body onLoad='fix()' onScroll="fix()" onResize="fix()">替换<body> -->

<!--将以下代码加入HTML<Body></Body>之间-->

<script language="javascript">

<!--

function stat(){

var a = pageYOffset+window.innerHeight-document.bar.document.height-15

document.bar.top = a

setTimeout('stat()',2)

}

function fix(){

nome=navigator.appName

if(nome=='Netscape'){

stat()

}

else{

var a=document.body.scrollTop+document.body.clientHeight-document.all.bar.offsetHeight+15

bar.style.top = a

}}

//-->

</script> <SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >

<table align="center" border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">

<tr align="center">

 

<td > <a href="http://www.ddd98.com">网页特效梦工厂</a></td>

<td > <a href="http://www.skycn.com">天空下载</a></td>

</tr></table></span>

0 Comments

Sat

28

Feb

2009

6、顶端按钮导航代码

6、顶端按钮导航代码

<style>

body {cursor: default;border:0}

a{font-style:normal;text-decoration:none;font-size:9pt;color:Black}

a:hover {font-style:normal;text-decoration:none;font-size:9pt;color:black}

a:active {font-style:normal;text-decoration:none;font-size:9pt;color:Black}

.button1 {BORDER-RIGHT: threedshadow 1pt solid; BORDER-TOP: threedhighlight 1pt solid; BORDER-LEFT: threedhighlight 1pt solid; BORDER-BOTTOM: threedshadow 1pt solid;font: menu;color:menutext}

.button2 {BORDER: threedface 1pt solid;font:menu;color:menutext}

.button3 {BORDER-RIGHT: threedhighlight 1pt solid; BORDER-TOP: threedshadow 1pt solid; BORDER-LEFT: threedshadow 1pt solid; BORDER-BOTTOM: threedhighlight 1pt solid;font: menu;color:menutext}

</style>

<table border="0" cellspacing="0" cellpadding="0" bgcolor="#c0c0c0" width="100%">

  <tr>

<SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<td class=button2 onMouseOut="this.className='button2'" onMouseOver="this.className='button1'" onMouseDown="this.className='button3'" onMouseUp="this.className='button1'" align="center" valign="middle"><a href="http://www.7stk.com">网页特效梦工厂</a></td>

<td class=button2 onMouseOut="this.className='button2'" onMouseOver="this.className='button1'" onMouseDown="this.className='button3'" onMouseUp="this.className='button1'" align="center" valign="middle"><a href="http://www.7stk.com">天空下载</a></td>

<td class=button2 onMouseOut="this.className='button2'" onMouseOver="this.className='button1'" onMouseDown="this.className='button3'" onMouseUp="this.className='button1'" align="center" valign="middle"><a href="http://www.163.com">Codelphi</a></td>

<td class=button2 onMouseOut="this.className='button2'" onMouseOver="this.className='button1'" onMouseDown="this.className='button3'" onMouseUp="this.className='button1'" align="center" valign="middle"><a href="http://www.ddd98.com">大富翁论文</a></td>

</tr></table

 

1 Comments

Sat

28

Feb

2009

5、梦幻下拉链接代码

5、梦幻下拉链接代码

<!--将以下代码加入HTML<Body></Body>之间-->

 

<style>

<!--

#iewrap{

position:relative;

height:30px

}

 

#iewrap2{

position:absolute

}

 

#dropmenu03{

filter:revealTrans(Duration=1.5,Transition=12)

visibility:hide

}

a:hover {  color: #FF0000}

body {  font-family: "宋体"; font-size: 9pt; text-decoration: none}

a { font-family: "宋体"; font-size: 9pt; text-decoration: none}

-->

</style>

<ilayer id="dropmenu01" height=35px>

<layer id="dropmenu02" visibility=show>

<span id="iewrap">

<span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false">

<font face="宋体"><a href="#">

导航菜单

</a></font>

</span>

</span>

</layer>

</ilayer>

 

<script language="JavaScript1.2">

var enableeffect=true

 

var selection=new Array()

selection[0]='<font face="宋体"><a href="http://www.7stk.com">网页特效梦工厂</a></font><br>'

selection[1]='<font face="宋体"><a href="http://www.skycn.com">天空下载</a></font><br>'

selection[2]='<font face="宋体"><a href="http://www.bs.com">大富翁论坛</a></font><br>'

selection[3]='<font face="宋体"><a href="http://www.163.com">Codelphi</a></font><br>'

selection[4]='<font face="宋体"><a href="http://www.csdn.net">中国软件</a></font><br>'

 

 

 

 

 

if (document.layers)

document.dropmenu01.document.dropmenu02.visibility='show'

 

function dropit2(){

if (document.all){

dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX

dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18

if (dropmenu03.style.visibility=="hidden"){

if (enableeffect)

dropmenu03.filters.revealTrans.apply()

dropmenu03.style.visibility="visible"

if (enableeffect)

dropmenu03.filters.revealTrans.play()

}

else{

hidemenu()

}

}

}

 

function dropit(e){

if (document.dropmenu03.visibility=="hide")

document.dropmenu03.visibility="show"

else

document.dropmenu03.visibility="hide"

document.dropmenu03.left=e.pageX-e.layerX

document.dropmenu03.top=e.pageY-e.layerY+19

return false

}

 

function hidemenu(){

if (enableeffect)

dropmenu03.filters.revealTrans.stop()

dropmenu03.style.visibility="hidden"

}

 

function hidemenu2(){

document.dropmenu03.visibility="hide"

}

 

if (document.layers){

document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)

document.dropmenu01.document.dropmenu02.onclick=dropit

}

else if (document.all)

document.body.onclick=hidemenu

 

</script>

<div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:seashell;background-color:seashell;width:120;visibility:hidden;border:1px solid black;padding:0px">

<script language="JavaScript1.2">

if (document.all)

dropmenu03.style.padding='4px'

for (i=0;i<selection.length;i++)

document.write(selection[i])

</script>

</div>

 

<script language="JavaScript1.2">

if (document.layers){

document.dropmenu03.captureEvents(Event.CLICK)

document.dropmenu03.onclick=hidemenu2

}

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

</tr></table>

 

1 Comments

Sat

28

Feb

2009

4、定时更换的链接

4、定时更换的链接

<!--<body onload="if (document.all||document.layers) {regenerate2();update()}">替换原来的<Body>-->

<!--将以下代码加入HTML<Body></Body>之间-->

 

<style>

<!--

 

#tickertape{

position:relative;

 

layer-background-color:black;

width:400;

height:12;

; font-family: "宋体"; font-size: 9pt}

 

#subtickertape{

background-color:black;

position:absolute;

border: 1px solid black;

width:400;

height:12;

; font-family: "宋体"; font-size: 9pt

}

 

 

.subtickertapefont{

font:bold 9pt "宋体";

text-decoration:none;

color:white;

}

 

.subtickertapefont a{

color:white;

text-decoration:none;

; font-family: "宋体"; font-size: 9pt}

-->

</style>

<div id="tickertape">

<div id="subtickertape" class="subtickertapefont">初始化...</div>

</div>

<script language="JavaScript1.2">

 

var speed=4500

 

var news=new Array()

news[0]="<a href='http://www.7stk.com'>网页特效梦工厂</a>"

news[1]="<a href='http://www.skycn.com'>天空下载</a>"

news[2]="<a href='http://www.bb.com'>大富翁论坛</a>"

news[3]="<a href='http://www.love.com'>Codelphi</a>"

news[4]="<a href='http://www.csdn.net'>中国软件</a>"

 

 

 

 

 

 

 

 

 

 

i=0

if (document.all)

tickerobject=document.all.subtickertape.style

else

tickerobject=document.tickertape.document

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers)

setTimeout("window.onresize=regenerate",450)

}

 

function update(){

 BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);

if (document.layers){

document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')

document.tickertape.document.subtickertape.document.close()

}

else

document.all.subtickertape.innerHTML=news[i]

 

if (i<news.length-1)

i++

else

i=0

setTimeout("update()",speed)

}

 

 function BgFade(red1, grn1, blu1, red2,

 grn2, blu2, steps) {

 sred = red1; sgrn = grn1; sblu = blu1;

 ered = red2; egrn = grn2; eblu = blu2;

 inc = steps;

 step = 0;

 RunFader();

 }

 function RunFader() {

 var epct = step/inc;

 var spct = 1 - epct;

 if (document.layers)

 tickerobject.bgColor =

 Math.floor(sred * spct + ered *

 epct)*256*256 +

 Math.floor(sgrn * spct + egrn * epct)*256 +

 Math.floor(sblu * spct + eblu * epct);

 else

 tickerobject.backgroundColor=

 Math.floor(sred * spct + ered *

 epct)*256*256 +

 Math.floor(sgrn * spct + egrn * epct)*256 +

 Math.floor(sblu * spct + eblu * epct);

 if ( step < inc ) {

 setTimeout('RunFader()',50);

 }

 step++;

 }

 

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

</tr></table>

 

1 Comments

Sat

28

Feb

2009

3、有小球飞来的链接

3、有小球飞来的链接

<!--将以下代码加入HTML<Body></Body>之间-->

 

<STYLE type=text/css>#divCircle {

       HEIGHT: 100px; POSITION: absolute; TOP: -50px; WIDTH: 10px; Z-INDEX: 1

}

.clButtons {

       FONT-FAMILY: 新細明體; FONT-SIZE: 10pt; HEIGHT: 10px; LEFT: 100px; POSITION: absolute; TOP: 20px; VISIBILITY: hidden; WIDTH: 50px; Z-INDEX: 10

}

.clButtons A {

       COLOR: #33ff33

}

</STYLE>

 

<SCRIPT language=JavaScript type=text/javascript>

function lib_bwcheck(){ //Browsercheck (needed)

       this.ver=navigator.appVersion

       this.agent=navigator.userAgent

       this.dom=document.getElementById?1:0

       this.opera5=this.agent.indexOf("Opera 5")>-1

       this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;

       this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;

       this.ie4=(document.all && !this.dom && !this.opera5)?1:0;

       this.ie=this.ie4||this.ie5||this.ie6

       this.mac=this.agent.indexOf("Mac")>-1

       this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;

       this.ns4=(document.layers && !this.dom)?1:0;

       this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)

       return this

}

var bw=new lib_bwcheck()

numItems = 4

circleXstart = 10

circleYstart = -25

circleXoffset = 5

circleYoffset = -3

circlePXspeed = 5

circleTspeed = 10

circleStay = 1

function makeObj(obj,nest,x,y){

       nest = (!nest)?"":'document.'+nest+'.'           

       this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0

       this.evnt = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?this.css:0

       this.showIt = b_showIt

       this.moveIt = b_moveIt

       this.slide = b_slide

       this.slideIt = b_slideIt

       this.obj = obj+"Object"

       eval(this.obj+"=this")

       return this

}

var px = bw.ns4||window.opera?"":"px";

 

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;}

function b_showIt(){this.css.visibility="visible"}

function b_slideIt(endx,endy,inc,speed,fn,wh) {

       if (!this.slideactive) {

              var distx = endx - this.x

              var disty = endy - this.y

              var num = Math.sqrt(Math.pow(distx,2) + Math.pow(disty,2))/inc

              var dx = distx/num

              var dy = disty/num

              this.slideactive = 1

              this.slide(dx,dy,endx,endy,speed,fn,wh)

       }

}

 

function b_slide(dx,dy,endx,endy,speed,fn,wh) {

       if (!fn) fn = null

       if (!wh) wh = null

       if (this.slideactive && (Math.floor(Math.abs(dx))<Math.floor(Math.abs(endx-this.x)) ||        Math.floor(Math.abs(dy))<Math.floor(Math.abs(endy-this.y)))) {

              this.moveIt(this.x+dx,this.y+dy)

              eval(wh)

              slidTim = setTimeout(this.obj+".slide("+dx+","+dy+","+endx+","+endy+","+speed+",'"+fn+"','"+wh+"')",speed)

       }

       else{

              this.slideactive = 0

              this.moveIt(endx,endy)

              eval(fn)

       }

}

function slideballInit(){

       oBut = new Array()

       for (var i=0; i<=numItems; i++){

              oBut[i] = new makeObj('divButton'+i)

       }

       oCircle = new makeObj('divCircle')

       oBut[0].moveIt(250,100);oBut[1].moveIt(310,100);oBut[2].moveIt(370,100);oBut[3].moveIt(430,100);oBut[4].moveIt(490,100);

      

      

      

       oCircle.moveIt(circleXstart,circleYstart)

       //Showing the buttons

       for(var i=0; i<=numItems; i++){

              oBut[i].showIt()

       }

}

var slidTim = 100;

var active = -1

function sbmover(num){

       clearTimeout(slidTim)

       oCircle.slideactive = false

       oCircle.slideIt(oBut[num].x+circleXoffset,oBut[num].y+circleYoffset,circlePXspeed,circleTspeed)

}

function sbmout(num){

       clearTimeout(slidTim)

       oCircle.slideactive = false

       if (active>-1 && circleStay) oCircle.slideIt(oBut[active].x+circleXoffset,oBut[active].y+circleYoffset,circlePXspeed,circleTspeed)

       else oCircle.slideIt(circleXstart,circleYstart,circlePXspeed,circleTspeed)

}

function changeListing(num){

       active = num

}

if(bw.bw) onload = slideballInit;

</SCRIPT>

<div id="divCircle">

  <img src="image/but1.gif" width="22" height="21" border="0">

</div>

<div id="divButton0" class="clButtons"><a href="http://www.7stk.com" onmouseover="sbmover(0)" onmouseout="sbmout(0)" onclick="changeListing(0); return false">网页特效梦工厂</a></div>

<div id="divButton1" class="clButtons"><a href="http://www.skycn.com" onmouseover="sbmover(1)" onmouseout="sbmout(1)" onclick="changeListing(1); return false">天空下载</a></div>

<div id="divButton2" class="clButtons"><a href="http://www.163.com" onmouseover="sbmover(2)" onmouseout="sbmout(2)" onclick="changeListing(2); return false">大富翁论坛</a></div>

<div id="divButton3" class="clButtons"><a href="http://www.love.com" onmouseover="sbmover(3)" onmouseout="sbmout(3)" onclick="changeListing(3); return false">Codelphi</a></div>

<div id="divButton4" class="clButtons"><a href="http://www.csdn.net" onmouseover="sbmover(4)" onmouseout="sbmout(4)" onclick="changeListing(4); return false">中国软件</a></div>

 

1 Comments

Sat

28

Feb

2009

2、自动收缩导航代码

2、自动收缩导航代码

<!--将以下代码加入HTML<Body></Body>之间-->

 

<script language="JavaScript1.2">

ie=document.all?1:0

n=document.layers?1:0

lshow=60

var move=10;

menuSpeed=40

var moveOnScroll=true

var tim;

var ltop;

function makeMenu(obj,nest){

    nest=(!nest) ? '':'document.'+nest+'.'

    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')

        this.state=1

        this.go=0

        this.width=n?this.css.document.width:eval(obj+'.offsetWidth')

        this.left=b_getleft

    this.obj = obj + "Object";         eval(this.obj + "=this")

}

function b_getleft(){

        var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);

        return gleft;

}

function moveMenu(){

        if(!oMenu.state){

                clearTimeout(tim)

                mIn()

        }else{

                clearTimeout(tim)

                mOut()

        }

}

function mIn(){

        if(oMenu.left()>-oMenu.width+lshow){

                oMenu.go=1

                oMenu.css.left=oMenu.left()-move

                tim=setTimeout("mIn()",menuSpeed)

        }else{

                oMenu.go=0

                oMenu.state=1

        }

}

function mOut(){

        if(oMenu.left()<0){

                oMenu.go=1

                oMenu.css.left=oMenu.left()+move

                tim=setTimeout("mOut()",menuSpeed)

        }else{

                oMenu.go=0

                oMenu.state=0

        }

}

function checkScrolled(){

        if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop

        if(n) setTimeout('checkScrolled()',30)

}

function menuInit(){

        oMenu=new makeMenu('divMenu')

        scrolled=n?"window.pageYOffset":"document.body.scrollTop"

        oMenu.css.left=-oMenu.width+lshow

        ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;

        oMenu.css.visibility='visible'

        if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();

}

onload=menuInit;

</script><SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<div id="divMenu" style="position: absolute; top: 163; left: 40; width: 173; visibility: hidden; background-color: FF0000; height: 19"><nobr>

<a href="http://www.7stk.com">网页特效梦工厂</a>-

<a href="http://www.skycn.com">天空下载</a>-

<a href="http://www.163.com">大富翁论坛</a>-

<a href="http://www.163.com">Codelphi</a>-

<a href="http://www.hao123.net">123</a>-

  --  <a style="background-color: yellow; text-decoration: none" href="javascript://" onclick="moveMenu()">导航菜单</a></nobr></div>

 

1 Comments

Sat

28

Feb

2009

1、很酷右键弹出菜单

1、很酷右键弹出菜单

<!--将以下代码加入HTML<Body></Body>之间-->

 

<STYLE type="text/css">

<!--

.article {font-size: 9pt;

BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden

; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px}

-->

<!--

p, td, select { font-size: 9pt}

a            { color: #0058b0; font-size: 9pt; text-decoration: none}

a:hover      { color: #6699FF}

.drop        { filter: dropshadow(color=000000, offx=1, offy=1, positive=1)}

.drop2       { filter: dropshadow(color=ffffff, offx=1, offy=1, positive=1)}

-->

</STYLE>

<SCRIPT language=JavaScript1.2>

<!--

function Show(divid) {

divid.filters.revealTrans.apply();

divid.style.visibility = "visible";

divid.filters.revealTrans.play();

}

function Hide(divid) {

divid.filters.revealTrans.apply();

divid.style.visibility = "hidden";

divid.filters.revealTrans.play();

}

//-->

</script>

<SCRIPT type="text/javascript" src=""></SCRIPT>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<a href="http://www7stk.com" onMouseOver=Show(div0) onMouseOut=Hide(div0) >网页特效代码</a>

<div id="div0" class="article">这是个不错的网站</div>

<a href="http://www7stk.com" onMouseOver=Show(div1) onMouseOut=Hide(div1) >网页特效代码</a>

<div id="div1" class="article">很好的下载站点,速度快</div>

<a href="http://www7stk.com" onMouseOver=Show(div2) onMouseOut=Hide(div2) >网页特效代码</a>

<div id="div2" class="article">编程爱好者的乐园</div>

<a href="http://www7stk.com" onMouseOver=Show(div3) onMouseOut=Hide(div3) >网页特效代码</a>

<div id="div3" class="article">这里有Delphi的好东东</div>

<a href="http://www7stk.com" onMouseOver=Show(div4) onMouseOut=Hide(div4) >网页特效代码件</a>

<div id="div4" class="article">程序员必看</div>

 

 

 

 

 

 

 

 

 

 

 

 

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_wenzi_shijian_caidan.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

 

 

 

 

 

 

 

</body>

 

</html></form>

<p align="center"><a href="http://www.7stk.com/">回首页:网页特效代码</a></p></form>

<p align="center"> </p>

 

1 Comments