Sun

01

Mar

2009

60、顶部实用导航菜单

60、顶部实用导航菜单

脚本说明:

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

<body>

<SCRIPT language=JavaScript>

timegap=500

followspeed=5

followrate=40

suboffset_top=10;

suboffset_left=10;           //这部分没时间翻译,有什么问题就到我的论坛来问吧^_^ http://0755i.com/fourm/

effect = "fade(duration=0.3);Shadow(color='#777777', Direction=135, Strength=5)"

prop1=[                                      // prop1 is an array of properties you can have as many property arrays as you need

"FFFFFF",                                 // Off Font Color

"6699cc",                                   // Off Back Color

"003162",                                   // On Font Color

"99CCFF",                                 // On Back Color

"003162",                                   // Border Color

11,                                             // Font Size

"normal",                                   // Font Style

"bold",                                    // Font Weight

"helvetica, arial",           // Font

3,                                              // Padding

"arrow.gif",                         // Sub Menu Image

0,                                              // 3D Border & Separator

"66ffff",                              // 3D High Color

"000099",                                   // 3D Low Color

"FFFFFF",                                 // Referer item Font Color (leave this blank to disable)

"336699",                                   // Referer item Back Color (leave this blank to disable)

]

 

menu1=[                      // This is the array that contains your menu properties and details

0,                                // Top

0,                                // left

112,                      // Width

1,                                // Border Width

"center",                // Screen Position - here you can use "center;left;right"

prop1,                          // Properties Array - this is set higher up, as above

1,                                // Always Visible - allows the menu item to be visible at all time

"center",                // Alignment - sets the menu elements alignment, HTML values are valid here for example: left, right or center

,                                  // Filter - Text variable for setting transitional effects on menu activation

,                                  // Follow Scrolling - Tells the menu item to follow the user down the screen

1,                                // Horizontal Menu - Tells the menu to be horizontal instead of top to bottom style

,                                  // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page

,                                  // Position of sub image left:center:right:middle:top:bottom

,                                  // Show an image on top menu bars indicating a sub menu exists below

,                                  // Reserved for future use

"页元素首页","/index.asp target=_blank",,"状态栏提示文字",1,// "主栏目名称", "链接", "Alternate URL", "状态栏提示文字", "Separator Bar"

"酷站推荐","show-menu2","/ 7stk.com/","酷站推荐栏目的介绍",1,

"主栏目二","show-menu3","/ 7stk.com/","主栏目一状态栏提示文字",1,

"主栏目三","show-menu4","/ 7stk.com/","主栏目一状态栏提示文字",1,

"主栏目四","show-menu5","/ 7stk.com/","主栏目一状态栏提示文字",1,

"主栏目五","show-menu6","/ 7stk.com/","主栏目一状态栏提示文字",1,

"元素论坛","/forum target=_blank",,"欢迎到我的论坛",1

]

 

menu2=[

,,112,1,"",prop1,,"left",effect,,,,,,,

"  ·  网友自荐","/web.asp?style=submit target=_blank",,"提示文字1",1,      //以下的"提示"都是指状态栏的提示文字

"  ·  个性酷站","/web.asp?style=personal",,"提示文字2",1,     //请根据你定义的表格大小和栏目长度适当的增减空格

"  ·  设计酷站","/web.asp?style=design",,"提示文字3",1,

"  ·  联盟组织","/web.asp?style=org",,"提示文字4",1,

"  ·  素材精品","/web.asp?style=gallery",,"提示文字5",1,

"  ·  其他酷站","/web.asp?style=others",,"提示文字6",1

]

 

menu3=[

,,112,1,"",prop1,,"left",effect,,,,,,,

"  ·  二子栏目1","javascript:window.open('/index.asp');this.releaseEvents;",,"onclick",1,

"  ·  二子栏目2","show-menu8",,"提示文字",1,  //注意这里包含了二级子栏目,写法有所不同

"  ·  二子栏目3","show-menu9",,"提示文字",1,   //如果还有什么不明白的地方

"  ·  二子栏目4","show-menu10",,"提示文字",1,  //可以到我的论坛 http://0755i.com/forum

"  ·  二子栏目5","/index.asp",,"提示文字",1   //欢迎大家来提问

]

 

menu4=[

,,112,1,"",prop1,,"left",effect,,,,,,,

"  ·  三子栏目1","/index1.asp",,"提示文字",1,

"  ·  三子栏目2","/index.asp",,"提示文字",1, 

"  ·  三子栏目3","/index.asp",,"提示文字",1,

"  ·  三子栏目4","/index.asp",,"提示文字",1,

"  ·  三子栏目5","/index.asp",,"提示文字",1

]

 

menu5=[

,,112,1,"",prop1,,"left",effect,,,,,,,

"  ·  四子栏目1","/index.asp",,"提示文字",1,

"  ·  四子栏目2","/index.asp",,"提示文字",1, 

"  ·  四子栏目3","/index.asp",,"提示文字",1,

"  ·  四子栏目4","/index.asp",,"提示文字",1,

"  ·  四子栏目5","/index.asp",,"提示文字",1

]

 

menu6=[

,,112,1,"",prop1,,"left",effect,,,,,,,

"  ·  五子栏目1","/index.asp",,"提示文字",1,

"  ·  五子栏目2","/index.asp",,"提示文字",1, 

"  ·  五子栏目3","/index.asp",,"提示文字",1,

"  ·  五子栏目4","/index.asp",,"提示文字",1,

"  ·  五子栏目5","/index.asp",,"提示文字",1

]

 

menu7=[

,,112,1,"",prop1,,"left",effect,,,,,,,

"  ·  六子栏目1","/index.asp",,"提示文字",1,

"  ·  六子栏目2","/index.asp",,"提示文字",1, 

"  ·  六子栏目3","/index.asp",,"提示文字",1,

"  ·  六子栏目4","/index.asp",,"提示文字",1,

"  ·  六子栏目5","/index.asp",,"提示文字",1

]

 

menu8=[                                                                              //请看menu3中有个二级子栏目的"show-menu8"就是在这里了

,,90,1,"",prop1,,"left",effect,,,,,,,

" · --2--1","/index.asp",,"提示文字",1,  

" · --2--2","/index.asp",,"提示文字",1,

" · --2--3","/index.asp",,"提示文字",1,

" · --2--4","/index.asp",,"提示文字",1

]

 

menu9=[

,,90,1,"",prop1,,"left",effect,,,,,,,

" · --3--1","/index.asp",,"提示文字",1,

" · --3--2","/index.asp",,"提示文字",1

]

 

menu10=[

,,90,1,"",prop1,,"left",effect,,,,,,,

" · --4--1","/index.asp",,"提示文字",1,

" · --4--2","/index.asp",,"提示文字",1  //好了,终于写完了如果还不明白就到论坛来问吧, http://www.0755i.com/fourm/

]

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

 

          <!--

 

          function stopError() {

            return true;

          }

 

          window.onerror = stopError;

 

          // -->

         

 

</SCRIPT>

 

<SCRIPT language=Javascript src="mmenu.js"></SCRIPT>

 

0 Comments

Sun

01

Mar

2009

59、固定文字说明的导航

59、固定文字说明的导航

脚本说明:

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

<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()

 

 

if(document.layers){ //NS4 resize fix...

       scrX= innerWidth; scrY= innerHeight;

       onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }

}

 

/****

Variables to set

****/

msgFont= "arial,helvetiva"    // The font for the message

msgFontSize= 12                        // Set the fontSize in px

msgFontColor="#000000"            // Set the fontColor

msgWidth= "300"                        // Set the width of the messageblock here for netscape 4

 

//Set the text you want to display on mouseover here.

messages=new Array()

messages[0]="" //This is the default text that appears when you mouse out.

messages[1]="这里是链接一的说明内容"

messages[2]="这里是链接二的说明内容"

messages[3]="This link however, nr3, isn't that good..."

messages[4]="Maybe you should try this one?<br>I'll write some more text to show that it wraps correctly to several lines."

messages[5]="这里是链接五的说明内容"

messages[6]="Later all.."

 

/********************************************************************************

You don't have to change anything below this

********************************************************************************/

 

//ChangeText object constructor.

function makeChangeTextObj(obj){

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

     this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;      

       this.writeIt = b_writeIt;                             

}

function b_writeIt(text,num){

       if (bw.ns4){

              this.writeref.write(text)

              this.writeref.close()

       }

    else this.writeref.innerHTML = messages[num]

}

 

//The mouoseover function. Calls the writeIt method to write the text to the div.

function changeText(num){

       if(bw.bw) oMessage.writeIt('<table width="'+msgWidth+'" border="0" cellpadding="0" cellspacing="0"><tr><td><span style="font-size:'+msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span></td></tr></table>', num)

}

 

//The init function. Calls the object constructor and initiates some properties.

function changeTextInit(){

       //Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!

       bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false

       if (bw.opera5) bw.ns6 = 0

      

       oMessage = new makeChangeTextObj('divMessage')

       oLinks = new makeChangeTextObj('divLinks')

       //Setting the style properties of the text layer.

       if(bw.dom || bw.ie4){

              with(oMessage.writeref.style){fontFamily=msgFont; fontSize=msgFontSize+"px"; color=msgFontColor}

       }

       //Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads.

       oMessage.css.visibility= "visible"

       oLinks.css.visibility= "visible"

}

 

//If the browser is ok, the init function is called on pageload.

if (bw.bw) onload = changeTextInit

</script>

<div id="divLinks">

<a href=" http://www.7stk.com/" onmouseover="changeText(1)" onmouseout="changeText(0)">网页特效代码</a>

<a href="http://www.7stk.com/fine/index.htm" onmouseover="changeText(2)" onmouseout="changeText(0)"> 精彩网页分享</a>

<a href="http://www.7stk.com/radio/radio.htm" onmouseover="changeText(3)" onmouseout="changeText(0)">  音乐电台代码 </a>

<a href="http://www.7stk.com/music/music.htm" onmouseover="changeText(4)" onmouseout="changeText(0)">音乐播放器</a>

<a href="http://www.7stk.com/flash/flash.htm" onmouseover="changeText(5)" onmouseout="changeText(0)"> Flash特效代码</a>

<a href="#" onmouseover="changeText(6)" onmouseout="changeText(0)">菜单特效代码</a>

</div>

<div id="divMessage">

 

0 Comments

Sun

01

Mar

2009

58、左上角的菜单

58、左上角的菜单

脚本说明:

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

<style type="text/css">

#divMenu0 {position:absolute; top:0px; left:30px; visibility:hidden; font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold;}

#divMenu1 {position:absolute; top:0px; left:150px; visibility:hidden; font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold;}

#divMenu2 {position:absolute; top:0px; left:250px; visibility:hidden; font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold;}

</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()

//How many pixels should it move every step?

var tMove=10;

 

//At what speed (in milliseconds, lower value is more speed)

var tSpeed=40

 

//Do you want it to move with the page if the user scroll the page?

var tMoveOnScroll=true

 

//How much of the menu should be visible in the in state?

var tShow=20

 

/********************************************************************

Contructs the menuobjects -Object functions

*********************************************************************/

function makeMenu(obj,nest,show,move,speed){

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

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

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

       this.x=this.css.left||this.css.pixelLeft||this.el.offsetLeft||0

       this.y=this.css.top||this.css.pixelTop||this.el.offsetTop||0

       this.state=1; this.go=0; this.mup=b_mup; this.show=show; this.mdown=b_mdown;

       this.height=bw.ns4?this.css.document.height:this.el.offsetHeight

       this.moveIt=b_moveIt; this.move=move; this.speed=speed

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

}

 

// A unit of measure that will be added when setting the position of a layer.

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;}

//Menu in

function b_mup(){

       if(this.y>-this.height+this.show){

              this.go=1; this.moveIt(this.x,this.y-this.move)

              setTimeout(this.obj+".mup()",this.speed)

       }else{this.go=0; this.state=1}      

}

//Menu out

function b_mdown(){

       if(this.y<eval(scrolled)){

              this.go=1; this.moveIt(this.x,this.y+this.move)

              setTimeout(this.obj+".mdown()",this.speed)

       }else{this.go=0; this.state=0}      

}

/********************************************************************************

Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)

********************************************************************************/

function moveTopMenu(num){

       if(!oMenu[num].go){

              if(!oMenu[num].state)oMenu[num].mup()  

              else oMenu[num].mdown()

       }

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

              if(i!=num && !oMenu[i].state){ oMenu[i].mup()}

       }

}

/********************************************************************************

Checking if the page is scrolled, if it is move the menu after

********************************************************************************/

function checkScrolled(){

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

              if(!oMenu[i].go){

                     y=!oMenu[i].state?eval(scrolled):eval(scrolled)-oMenu[i].height+oMenu[i].show

                     oMenu[i].moveIt(oMenu[i].x,y)

              }

       }

       if(bw.ns4||bw.ns6) setTimeout('checkScrolled()',40)

}

/********************************************************************************

Inits the page, makes the menu object, moves it to the right place,

show it

********************************************************************************/

function topMenuInit(){

       oMenu=new Array()

       oMenu[0]=new makeMenu('divMenu0',"",tShow,tMove,tSpeed)

       oMenu[1]=new makeMenu('divMenu1',"",tShow,tMove,tSpeed) //*

       //Here's an example of how you can set the properties for each menu: //*

       oMenu[2]=new makeMenu('divMenu2',"",20,10,20) //*

       //You can add as many menus you want like the line above.

       //Just remember to add the actual divs in the style and body as well.

      

       scrolled=bw.ns4||bw.ns6?"window.pageYOffset":"document.body.scrollTop"

       //Placing and showing menus

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

              oMenu[i].moveIt(oMenu[i].x,-oMenu[i].height+oMenu[i].show)

              oMenu[i].css.visibility='visible'

       }

       if(tMoveOnScroll) bw.ns4||bw.ns6?checkScrolled():window.onscroll=checkScrolled;

}

 

//Initing menu on pageload

onload=topMenuInit;

 

</script>

<div id="divMenu0">

       <!-- You can just replace this text with some cool images if you want -->

       <a href="http://www.7stk.com/">网页特效代码</a><br><br>

       <a href="http://www.7stk.com/">链接二</a><br><br>

       <a href="http://www.7stk.com/">链接三</a><br><br>

       <a href="http://www.7stk.com/">链接四</a><br><br>

       <a href="http://www.7stk.com/" onclick="moveTopMenu(0); return false">网页特效代码</a>

</div>

<div id="divMenu1">

       <!-- You can just replace this text with some cool images if you want -->

       这是第二个菜单的内容<br><br>

       <a href="http://www.7stk.com/" onmouseover="moveTopMenu(1)">网页特效代码</a>

</div>

<div id="divMenu2">

       <!-- You can just replace this text with some cool images if you want -->

       这是第三个菜单的内容<br>

       <a href="#" onclick="moveTopMenu(2); return false">菜单三</a>

</div>

0 Comments

Sun

01

Mar

2009

57、变化的文字导航条

57、变化的文字导航条

脚本说明:

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

<style>

<!--

.scrollerstyle{

font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;

}

-->

</style>

<script language="javascript">

 

 var msgs = new Array(

     "欢迎光临网页特效代码",

     "精彩网页特效代码分享",

     "精彩网页制作",

     "音乐电台代码" ); // No comma after last ticker msg

 

 var msg_url = new Array(

     "http://www.7stk.com",

     "http://www.7stk.com",

     "http://www.7stk.com/fine",

     "http://www.7stk.com/radio" ); // No comma after last ticker url

 

 // For New Window, "1"

 var target_url = new Array(

     "0",

     "0",

     "0",

     "1" );

    

var barwidth=350 //Enter main bar width in px or %

var setdelay=2000 //Enter delay between msgs, in mili-seconds

var mouseover_color='#B5D0FF' //Specify highlight color

var mouseout_color='#FFFFFF' //Specify default color

 

//---------------------------------------------------------------------------------

 

/////////////////////////////////////////////////////////////////////

 

var count=0;

var ns6=document.getElementById&&!document.all

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

 

if (ie4||ns6){

document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:' + mouseout_color + '; width:'+barwidth+'; height:22; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;" name="next" title="Next News"></form>');

}

else{

document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')

if (navigator.userAgent.indexOf("Opera")!=-1)

document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')

else

document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')

document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')

}

 

function init_news_bar(){

  document.news_bar.news_bar_but.value=msgs[count];

}

//moveit function by Dynamicdrive.com

function moveit(how){

if (how==1){ //cycle foward

if (count<msgs.length-1)

count++

else

count=0

}

else{ //cycle backward

if (count==0)

count=msgs.length-1

else

count--

}

document.news_bar.news_bar_but.value=msgs[count];

}

 

function tick_bar(){

setInterval("moveit(1)",setdelay)

}

 

function goURL(){

 if(target_url[count]=="0")

 {

  location.href=msg_url[count];

 }

 else

 {

  window.open(msg_url[count]);

 }

}

 

//--------------------------------------Ticker Effect----------------------------------

 

tick_bar(); // delete this line if you don't want messages to tick

 

//-------------------------------------------------------------------------------------

 

init_news_bar();

 

</script>

 

0 Comments

Sun

01

Mar

2009

56、幻影文字导航

56、幻影文字导航

脚本说明:

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

<script language="JavaScript1.2">

 

// Ticker Messages ( HTML Tags supported)

var qiksearch_ticker_text = new Array ("欢迎光临网页特效代码", "精彩网页分享和交流", "搜狐短信中心", "央视国际网站");

 

// Ticker Message URLs

var qiksearch_ticker_URL = new Array ("http://www.7stk.com", "http://www.7stk.com/fine", "http://www.sohu.com", "http://www.cctv.com");

// Ticker Message URLs' Target (1 for NEW WINDOW, 0 for SAME WINDOW)

var qiksearch_ticker_target = new Array ("0", "0", "0", "1");

 

var qiksearch_ticker_width = 390; // The width of the Ticker

var qiksearch_ticker_height = 25; // The height of the Ticker

var qiksearch_ticker_borderw=1; // Border width

var qiksearch_ticker_borderc="#808080"; // Border Color

var timeOutVal=200; // Delay in milliseconds

var isPause=false; // true if you want pause on mouseover, else false

                   // setting to true is a bit buggy

 

//--------------------------------------------------------------------------------------------

 

//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------

 

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;

var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;

var ns4=document.layers;

var qiksearch_tickerObj;

var ticker_left_ns4=(screen.width/2-20)-Math.round(qiksearch_ticker_width/2);

 

// Setting qiksearch_tickerObj depending on Browser

function setTickerObj()

{

 if(ie4)

 {

  qiksearch_tickerObj=document.all.qiksearch_js_ticker;

 }

 if(ns6)

 {

  qiksearch_tickerObj=document.getElementById("qiksearch_js_ticker");

 }

}

 

// isPause Content

var isPauseContent;

if(isPause)

{

 isPauseContent=' onMouseOver="delay_timeOutVal();" onMouseOut="resume_timeOutVal();"';

}

else

{

 isPauseContent='';

}

 

if(ie4||ns6)

{

 document.write('<table' + isPauseContent + '  onMouseUp="goURL();" width="' + qiksearch_ticker_width + '" height="' +  qiksearch_ticker_height + '" style="cursor:pointer; background:#FFFFFF; border:' + qiksearch_ticker_borderw + 'px solid ' + qiksearch_ticker_borderc + '"><tr><td align="middle">');

 document.write('<div id="qiksearch_js_ticker">');

 document.write('</div>');

 document.write('</td></tr></table>');

}

 

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';

var colorVal=15;

var div_count=0;

 

// Fading Color code Generating function

function qiksearch_fade_desat(getColorIntVal)

{

 var returnVal;

 if(getColorIntVal>=10)

 {

  for(var i=0; i<=15; i++)

  {

   if((getColorIntVal==i))

   {

    returnVal = eval('def_' + i);

   }

  }

 }

 else

 {

  returnVal=getColorIntVal;

 }

 return(returnVal);

}

 

// Main

function writeDiv()

{

 if(ie4||ns6)

 {

  qiksearch_tickerObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] +  '</b></font>' ;

 }

 if(ns4)

 {

  qiksearch_tickerObj=document.qiksearch_ticker_ns4;

  qiksearch_tickerObj.document.write('<table border="1" bordercolor="' + qiksearch_ticker_borderc + '"width="100%"><tr><td align="center"><a href="javascript:void(0);"' + isPauseContent + '  onMouseUp="javascript:goURL();"><font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] +  '</b></font></a></td></tr></table>');

  qiksearch_tickerObj.document.close();

 }

 if((colorVal>0)  && (colorVal!=0))

 {

  colorVal--;

 }

 else

 {

  colorVal=15;

  if(div_count<qiksearch_ticker_text.length)

  {

   div_count++;

  }

  if(div_count==qiksearch_ticker_text.length)

  {

   setTimeout("resetAll()",timeOutVal);

   setTimeout("writeDiv()",timeOutVal);

  }

 }

 

 if(div_count<qiksearch_ticker_text.length)

 {

  setTimeout("writeDiv()",timeOutVal);

 }

}

 

// Generating Final Hex Color

function joinColor(getColor)

{

 return (getColor + '0' + getColor + '0' + getColor + '0');

}

 

// Reset

function resetAll()

{

 div_count=0;

 colorVal=15;

}

 

// URL Navigation function

function goURL()

{

 if(qiksearch_ticker_target[div_count]=="0")

 {

  location.href=qiksearch_ticker_URL[div_count];

 }

 else

 {

  if(qiksearch_ticker_target[div_count]=="1")

  {

   window.open(qiksearch_ticker_URL[div_count]);

  }

 }

}

 

// Setting Delay on MouseOver and MouseOut

var temp_timeOutVal=timeOutVal;

function delay_timeOutVal()

{

 timeOutVal=100000000000000;

 setTimeout("writeDiv()",timeOutVal);

}

 

function resume_timeOutVal()

{

 timeOutVal=temp_timeOutVal;

 setTimeout("writeDiv()",timeOutVal);

}

 

setTickerObj();

window.onload=writeDiv;

 

if(ns4)

{

 document.write('<layer id="qiksearch_ticker_ns4" width="' + qiksearch_ticker_width + '" left="' + ticker_left_ns4 + '"></layer>');

}

</script>

 

0 Comments

Sun

01

Mar

2009

55、页面导航百分比

55、页面导航百分比

脚本说明:

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

<script language="JavaScript">

<!--

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

 

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

 

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

MM_preloadImages('guage.gif');

MM_preloadImages('black0415.gif');

//-->

</script>

<form name="showspeed" >

  <h4 align="center">正在打开页面,请稍侯...</h4>

  <p align="center"><font size="4"><font color="#009900">已完成:</font><span style="background-color: #009900"><font color="#009900"><input readonly type=text name=guage size=4 maxlength=4 style="border-width:0; font-size:14pt;color:#FF00FF;font-family:Arial; font-weight:bold"></font></span></font></p> 

  <div align="center">

 <img src='lcolor.gif' width='3' height='12'><img src='black0415.gif' width='3' height='12' name='speed1'><img src='black0415.gif' width='3' height='12' name='speed2'><img src='black0415.gif' width='3' height='12' name='speed3'><img src='black0415.gif' width='3' height='12' name='speed4'><img src='black0415.gif' width='3' height='12' name='speed5'><img src='black0415.gif' width='3' height='12' name='speed6'><img src='black0415.gif' width='3' height='12' name='speed7'><img src='black0415.gif' width='3' height='12' name='speed8'><img src='black0415.gif' width='3' height='12' name='speed9'><img src='black0415.gif' width='3' height='12' name='speed10'><img src='black0415.gif' width='3' height='12' name='speed11'><img src='black0415.gif' width='3' height='12' name='speed12'><img src='black0415.gif' width='3' height='12' name='speed13'><img src='black0415.gif' width='3' height='12' name='speed14'><img src='black0415.gif' width='3' height='12' name='speed15'><img src='black0415.gif' width='3' height='12' name='speed16'><img src='black0415.gif' width='3' height='12' name='speed17'><img src='black0415.gif' width='3' height='12' name='speed18'><img src='black0415.gif' width='3' height='12' name='speed19'><img src='black0415.gif' width='3' height='12' name='speed20'><img src='black0415.gif' width='3' height='12' name='speed21'><img src='black0415.gif' width='3' height='12' name='speed22'><img src='black0415.gif' width='3' height='12' name='speed23'><img src='black0415.gif' width='3' height='12' name='speed24'><img src='black0415.gif' width='3' height='12' name='speed25'><img src='black0415.gif' width='3' height='12' name='speed26'><img src='black0415.gif' width='3' height='12' name='speed27'><img src='black0415.gif' width='3' height='12' name='speed28'><img src='black0415.gif' width='3' height='12' name='speed29'><img src='black0415.gif' width='3' height='12' name='speed30'><img src='black0415.gif' width='3' height='12' name='speed31'><img src='black0415.gif' width='3' height='12' name='speed32'><img src='black0415.gif' width='3' height='12' name='speed33'><img src='black0415.gif' width='3' height='12' name='speed34'><img src='black0415.gif' width='3' height='12' name='speed35'><img src='black0415.gif' width='3' height='12' name='speed36'><img src='black0415.gif' width='3' height='12' name='speed37'><img src='black0415.gif' width='3' height='12' name='speed38'><img src='black0415.gif' width='3' height='12' name='speed39'><img src='black0415.gif' width='3' height='12' name='speed40'><img src='black0415.gif' width='3' height='12' name='speed41'><img src='black0415.gif' width='3' height='12' name='speed42'><img src='black0415.gif' width='3' height='12' name='speed43'><img src='black0415.gif' width='3' height='12' name='speed44'><img src='black0415.gif' width='3' height='12' name='speed45'><img src='black0415.gif' width='3' height='12' name='speed46'><img src='black0415.gif' width='3' height='12' name='speed47'><img src='black0415.gif' width='3' height='12' name='speed48'><img src='black0415.gif' width='3' height='12' name='speed49'><img src='black0415.gif' width='3' height='12' name='speed50'><img src='black0415.gif' width='3' height='12' name='speed51'><img src='black0415.gif' width='3' height='12' name='speed52'><img src='black0415.gif' width='3' height='12' name='speed53'><img src='black0415.gif' width='3' height='12' name='speed54'><img src='black0415.gif' width='3' height='12' name='speed55'><img src='black0415.gif' width='3' height='12' name='speed56'><img src='black0415.gif' width='3' height='12' name='speed57'><img src='black0415.gif' width='3' height='12' name='speed58'><img src='black0415.gif' width='3' height='12' name='speed59'><img src='black0415.gif' width='3' height='12' name='speed60'><img src='black0415.gif' width='3' height='12' name='speed61'><img src='black0415.gif' width='3' height='12' name='speed62'><img src='black0415.gif' width='3' height='12' name='speed63'><img src='black0415.gif' width='3' height='12' name='speed64'><img src='black0415.gif' width='3' height='12' name='speed65'><img src='black0415.gif' width='3' height='12' name='speed66'><img src='black0415.gif' width='3' height='12' name='speed67'><img src='black0415.gif' width='3' height='12' name='speed68'><img src='black0415.gif' width='3' height='12' name='speed69'><img src='black0415.gif' width='3' height='12' name='speed70'><img src='black0415.gif' width='3' height='12' name='speed71'><img src='black0415.gif' width='3' height='12' name='speed72'><img src='black0415.gif' width='3' height='12' name='speed73'><img src='black0415.gif' width='3' height='12' name='speed74'><img src='black0415.gif' width='3' height='12' name='speed75'><img src='black0415.gif' width='3' height='12' name='speed76'><img src='black0415.gif' width='3' height='12' name='speed77'><img src='black0415.gif' width='3' height='12' name='speed78'><img src='black0415.gif' width='3' height='12' name='speed79'><img src='black0415.gif' width='3' height='12' name='speed80'><img src='black0415.gif' width='3' height='12' name='speed81'><img src='black0415.gif' width='3' height='12' name='speed82'><img src='black0415.gif' width='3' height='12' name='speed83'><img src='black0415.gif' width='3' height='12' name='speed84'><img src='black0415.gif' width='3' height='12' name='speed85'><img src='black0415.gif' width='3' height='12' name='speed86'><img src='black0415.gif' width='3' height='12' name='speed87'><img src='black0415.gif' width='3' height='12' name='speed88'><img src='black0415.gif' width='3' height='12' name='speed89'><img src='black0415.gif' width='3' height='12' name='speed90'><img src='black0415.gif' width='3' height='12' name='speed91'><img src='black0415.gif' width='3' height='12' name='speed92'><img src='black0415.gif' width='3' height='12' name='speed93'><img src='black0415.gif' width='3' height='12' name='speed94'><img src='black0415.gif' width='3' height='12' name='speed95'><img src='black0415.gif' width='3' height='12' name='speed96'><img src='black0415.gif' width='3' height='12' name='speed97'><img src='black0415.gif' width='3' height='12' name='speed98'><img src='black0415.gif' width='3' height='12' name='speed99'><img src='black0415.gif' width='3' height='12' name='speed100'><img src='rcolor.gif' width='3' height='12'>

  </div>

</form>

<SCRIPT LANGUAGE=JavaScript><!--

//****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

document.showspeed .guage .value ='1%';MM_swapImage('speed1','','guage.gif',1);

-->

</SCRIPT><SCRIPT LANGUAGE=JavaScript><!--

//****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

document.showspeed .guage .value ='2%';MM_swapImage('speed2','','guage.gif',1);

-->

</SCRIPT><SCRIPT LANGUAGE=JavaScript><!--

//****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

document.showspeed .guage .value ='3%';MM_swapImage('speed3','','guage.gif',1);

-->

</SCRIPT><SCRIPT LANGUAGE=JavaScript><!--

//****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

document.showspeed .guage .value ='4%';MM_swapImage('speed4','','guage.gif',1);

-->

</SCRIPT><SCRIPT LANGUAGE=JavaScript><!--

//****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

document.showspeed .guage .value ='5%';MM_swapImage('speed5','','guage.gif',1);

-->

</SCRIPT><SCRIPT LANGUAGE=JavaScript><!--

//****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

document.showspeed .guage .value ='6%';MM_swapImage('speed6','','guage.gif',1);

-->

</SCRIPT><SCRIPT LANGUAGE=JavaScript><!--

//************************************************************************************

 

0 Comments

Sun

01

Mar

2009

54、非常酷的固定宣传层

54、非常酷的固定宣传层

<html>

<head>

<title>超级宣传小窗口</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

.style2 {font-size: 9pt}

 

-->

</style>

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

</head>

 

<body bgcolor="#fef4d9">

<br>

<br>

<center><font color=red face="隶书" size=6>超级宣传小窗口</font></center>

<br>

<center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=3 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示</strong></font></td></tr>

<tr><td align=center><span class="style2">点击OFFON,滚动窗口看看效果,图层可以移动</span>  <STYLE type=text/css>

#floater {LEFT: 450px; POSITION: absolute; TOP: 220px; VISIBILITY: visible; WIDTH: 125px; Z-INDEX: 10}

a.banner { text-decoration:none; font-size: 9pt; FONT-WEIGHT: lighter;font-style:normal;FONT-VARIANT: normal;font-family: 宋体; }

</STYLE>

<DIV align=center id=floater  style="HEIGHT: 48px; WIDTH: 468px; position:absolute; left:450px; top:220px">

<TABLE  bgColor=#eeeeee border=1 borderColor=#999999

                        cellPadding=0 cellSpacing=0

                        style="BORDER-COLLAPSE: collapse" width=471>

                          <TBODY>

                          <TR>

                            <TD height=15 width=469>

                              <TABLE border=0 cellPadding=0 cellSpacing=0

                              width="95%">

                                <TBODY>

                                <TR>

                                <TD align=right

                                height=15 vAlign=bottom width="96%">

                                <TABLE border=0 height=2 width="97%">

                                <TR>

                                <TD height=1  align=right><A

                                class=banner

                                href="http://bbs.7stk.com/"

                                target=_blank><FONT color=#000000 face=宋体

                                style="FONT-SIZE: 9pt">[请您留言]</FONT></A>  <font

                                class=banner

                                id=Min language=javascript

                                onclick="return Min_onclick()"><FONT

                                color=#666666

                                style="FONT-SIZE: 9pt" style="cursor:hand">OFF</FONT></font><font

                                class=banner

                                id=Min language=javascript

                                onclick="return Max_onclick()"><FONT

                                color=#666666>/</FONT><FONT color=#666666

                                style="FONT-SIZE: 9pt" style="cursor:hand">ON</FONT></font></TD></TR></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

                        <TABLE bgColor=#eeeeee border=1 borderColor=#999999

                        cellPadding=0 cellSpacing=0 id=ad1

                        style="BORDER-COLLAPSE: collapse" width=472 height="41">

                          <TBODY>

                          <TR>

                            <TD bgColor=#eeeeee height=19 width=466><script language="JavaScript" src="http://www.7stk.com/store/ad/GG_zhonhgbu02.js"></script></TD></TR>

                                                 <tr>

                            <TD bgColor=#eeeeee height=23 width=466><FONT

                              color=#ffffff size=2><A class=banner

                              href="http://www.7stk.com/"  title=经典网页页特效

                              target=_blank><FONT

                              color=#ff0000><B>经典网页页特效</B></FONT></A>    <FONT color=#dddddd

                              face=宋体 style="FONT-SIZE: 9pt"> <A class=banner

                              href="http://www.7stk.com/music/"

                              target=_blank><FONT color=#ff0000 face=宋体

                              style="FONT-SIZE: 9pt">[MP3播放器]</FONT></A></FONT>    <A

                              class=banner href="http://bbs.7stk.com/"

                              target=_blank><FONT color=#ff0000 face=宋体

                              style="FONT-SIZE: 9pt">[论坛]</FONT></A></FONT></TD>

                                                 </tr>

                                                 </TBODY></TABLE></DIV>

<SCRIPT id=clientEventHandlersJS language=JScript>

<!--

 

function ad_check() {

self.onError=null;  

        

self.onError=null;  

setTimeout("ad_check()",100);

}

 

 

function Min_onclick() {

//alert(ad1.style.visibility )

ad1.style.visibility='hidden';

 

 

 

}

function Max_onclick() {

//alert(ad1.style.visibility )

ad1.style.visibility='visible';

 

 

 

}

 

//-->

</SCRIPT>

 

                        <SCRIPT language=JScript>                             

//floater.innerHTML =''

//window.alert (floater.innerHTML.length<4000);

 

 

self.onError=null;                             

currentX = currentY = 0;                               

whichIt = null;                                        

lastScrollX = 0; lastScrollY = 0;                             

NS = (document.layers) ? 1 : 0;                            

IE = (document.all) ? 1: 0;                              

<!-- STALKER CODE -->                             

function heartBeat() {                             

if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }                             if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }          

if(diffY != lastScrollY) {           

percent = .1 * (diffY - lastScrollY);   

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

else percent = Math.floor(percent); 

if(IE) document.all.floater.style.pixelTop += percent; 

if(NS) document.floater.top += percent;                

lastScrollY = lastScrollY + percent;     

}                      

if(diffX != lastScrollX) {      

percent = .1 * (diffX - lastScrollX);    

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

else percent = Math.floor(percent);                  

if(IE) document.all.floater.style.pixelLeft += percent;       

if(NS) document.floater.left += percent;      

lastScrollX = lastScrollX + percent;                    

}                              

}                        

<!-- /STALKER CODE -->             

<!-- DRAG DROP CODE -->             

function checkFocus(x,y) {        

stalkerx = document.floater.pageX;    

stalkery = document.floater.pageY;                       

stalkerwidth = document.floater.clip.width;             

stalkerheight = document.floater.clip.height;                        

if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;                     

else return false;       

}                    

function grabIt(e) {           

if(IE) {                           

whichIt = event.srcElement;

while (whichIt.id.indexOf("floater") == -1) {   

whichIt = whichIt.parentElement;                          

if (whichIt == null) { return true; }        

 }                           

whichIt.style.pixelLeft = whichIt.offsetLeft;                             

whichIt.style.pixelTop = whichIt.offsetTop;                         

currentX = (event.clientX + document.body.scrollLeft);                      

currentY = (event.clientY + document.body.scrollTop);                            

} else {                            

window.captureEvents(Event.MOUSEMOVE);   

if(checkFocus (e.pageX,e.pageY)) {                            

whichIt = document.floater;                             

stalkerTouchedX = e.pageX-document.floater.pageX;     

StalkerTouchedY = e.pageY-document.floater.pageY;         

}                             

}                           

return true;                        

}                           

function moveIt(e) {              

if (whichIt == null) { return false; }      

if(IE) {                            

newX = (event.clientX + document.body.scrollLeft);                          

newY = (event.clientY + document.body.scrollTop);               

distanceX = (newX - currentX);    distanceY = (newY - currentY);  

currentX = newX;    currentY = newY;                      

whichIt.style.pixelLeft += distanceX;                         

whichIt.style.pixelTop += distanceY;                     

if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;    if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft; if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;

if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5; 

event.returnValue = false; 

} else {  

whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);

if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;

if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; 

if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;

if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;

return false;}

return false; 

}  

function dropIt() {    

whichIt = null;    

if(NS) window.releaseEvents (Event.MOUSEMOVE); 

return true;            

       }                    

<!-- DRAG DROP CODE --> 

if(NS) {   

window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);

window.onmousedown = grabIt;

window.onmousemove = moveIt;

window.onmouseup = dropIt;

}             

if(IE) {                    

document.onmousedown = grabIt;   

document.onmousemove = moveIt;  

document.onmouseup = dropIt;         

       }                        

if(NS || IE) action = window.setInterval("heartBeat()",1); 

setTimeout("ad_check()",10)

 

</SCRIPT>

</td></tr>

</table></center>

 

</body>

</html>

 

0 Comments

Sun

01

Mar

2009

53、实用下拉导航条

53、实用下拉导航条

脚本说明:

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

<SCRIPT language=JavaScript>

function MM_findObj(n, d) { //v4.0

var p,i,x;if(!d) d=document;if((p=n.indexOf("?"))>0&&parent.frames.length){

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && document.getElementById) x=document.getElementById(n); return x;}

function MM_showHideLayers() { //v3.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }

obj.visibility=v; }}

//showhidelayer

 

function mOvr(src, cOvr)

{if (!src.contains(event.fromElement)) {src.style.cursor = "default";src.bgColor = cOvr;}}

function mOut(src, cOut)

{if (!src.contains(event.toElement)) {src.style.cursor = "default";src.bgColor = cOut;}}

//changetdcolor

</SCRIPT>

      <TABLE border=1 cellPadding=1 cellSpacing=1 width="100">

        <TBODY>

        <TR align=middle class=dmenu>

          <TD>

            <DIV id=menu01 style="POSITION: absolute">

            <DIV id=sub onmouseout="MM_showHideLayers('sub','','hide')"

            onmouseover="MM_showHideLayers('sub','','show')"

            style="HEIGHT: 30px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 11">

            <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1

            width=228>

              <TBODY>

              <TR bgColor=#a5db97>

                <TD align=right>

                  <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F

                  width=222>

                    <COLGROUP span=3>

                    <COL width="33%">

                    <COL width="33%">

                    <COL width="34%"></COLGROUP>

                    <TBODY>

                    <TR bgColor=#fafef4>

                       <TD><A class=pt03

                        href="http//:7stk.com">网页特效</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/shubiao">鼠标特效</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/caidan">菜单特效</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/fine">精彩网页</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/radio">音乐电台</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/music">音乐播放器</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/fine/ch/c01.htm">圣诞祝福</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com">生活教育</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/fine">电视节目</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/">天气预报</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">英语课堂</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">脑筋急转弯</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/">心理测试</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/fine">白领专区</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">欧洲足坛</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/fine">招聘信息</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">彩信新闻</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">保健养生</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A

            class=menu href=""

            onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')"

            onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','show','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')">订阅</A>

          </TD>

          <TD>

            <DIV id=menu02 style="POSITION: absolute">

            <DIV id=mo onmouseout="MM_showHideLayers('mo','','hide')"

            onmouseover="MM_showHideLayers('mo','','show')"

            style="HEIGHT: 30px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 12">

            <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1

            width=190>

              <TBODY>

              <TR bgColor=#a5db97>

                <TD align=right>

                  <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F

                  width=184>

                    <COLGROUP span=2>

                    <COL width="55%">

                    <COL width="45%"></COLGROUP>

                    <TBODY>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03 href="http//:7stk.com/fine"

                        target=_blank>资讯大全</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/fine"

                        target=_blank>股票资讯</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/finel">短语/图片/铃声</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">生活服务</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/">游戏测试</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">点播帮助</A></TD></TR>

                    <TR bgColor=#fafef4>

                      <TD><A class=pt03

                        href="http//:7stk.com/">纵横短信</A></TD>

                      <TD><A class=pt03

                        href="http//:7stk.com/">霸王短信</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A

            class=menu href="mo/"

            onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')"

            onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','show','brand','','hide','feature','','hide','product','','hide','help','','hide')">点播</A>

          </TD>

         </TR></TBODY></TABLE>

 

0 Comments

Sun

01

Mar

2009

52、非常精彩的导航

52、非常精彩的导航

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

 

<style>

/* 先把这个 xmenu 的样式放到css */

.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}

</style>

 

<script>

/*

这是把事件动作绑定到菜单上的函数

*/

function attachXMenu(objid){

  var tds=objid.getElementsByTagName('td');

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

      with(tds[i]){

        onmouseover=function(){

          with(this){

            filters[0].apply();

            style.background='#66CCFF'; //这是鼠标移上去时的背景颜色

            style.border='1px solid #ffffff'; //边框

            style.color='black'; //文字颜色

            filters[0].play();

            }

              }

        onmouseout=function(){

          with(this){

            filters[0].apply();

            style.background='#336699'; //这是鼠标离开时的背景颜色

            style.border='1px solid #336699'; //边框

            style.color='#ffffff'; //文字颜色

            filters[0].play();

            }

              }

            }

        }

}

</script>

 

 

 

 

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

 

 

<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">

<tr>

<td onclick="location.href='http://7stk.com';">精彩网页特效7stk.Com</td>

<td>Name</td>

<td>Is</td>

<td>LeX</td>

<td>Rus</td>

<td>!!!</td>

</tr>

</table>

 

<script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个tableid</script>

<br><br><br><br>

<!--下面这个是竖排的-->

<table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">

<tr><td>My</td></tr>

<tr><td>Name</td></tr>

<tr><td>Is</td></tr>

<tr><td>LeX</td></tr>

<tr><td>Rus</td></tr>

<tr><td>!!!</td></tr>

</table>

<script>attachXMenu(xmenu1);</script>

 

0 Comments

Sun

01

Mar

2009

51、极酷的多级右键菜单

51、极酷的多级右键菜单

<HTML>

<HEAD>

<TITLE>网页特效---极酷的多级右键菜单</TITLE>

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

<STYLE type=text/css>BODY {

       FONT-SIZE: 12px;

}

.info{FONT-SIZE: 14px;color:#FFFFFF;font-family:@Tahoma,@宋体;width:20px}

TABLE {

       CURSOR: default; FONT-SIZE: 12px; MARGIN: 0px

}

TR {

       HEIGHT: 20px

}

TR.over {

       BACKGROUND-COLOR: #000080; COLOR: #ffffff; CURSOR: default; FONT-SIZE: 12px

}

TR.out {

       BACKGROUND-COLOR: #efefef; COLOR: #000000; FONT-SIZE: 12px

}

DIV.rm_div {

       BACKGROUND-COLOR: #efefef; BORDER-BOTTOM: #ffffff 1px outset; BORDER-LEFT: #ffffff 1px outset; BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #ffffff 1px outset; DISPLAY: none; FILTER: Alpha(Opacity='95'); HEIGHT: 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; WIDTH: 0px

}

HR.sperator {

       BORDER-BOTTOM: #ffffff 1px inset; BORDER-LEFT: #ffffff 1px inset; BORDER-RIGHT: #ffffff 1px inset; BORDER-TOP: #ffffff 1px inset; WIDTH: 95%

}

.w2kfont {

       FONT-FAMILY: Tahoma; FONT-SIZE: 8pt

}

</STYLE>

 

<SCRIPT language=JScript>

<!--

//此代码由51windows.net收集做少量更改。

  function RightMenu()

  {

    this.AddExtendMenu=AddExtendMenu;

    this.AddItem=AddItem;

    this.GetMenu=GetMenu;

    this.HideAll=HideAll;

    this.I_OnMouseOver=I_OnMouseOver;

    this.I_OnMouseOut=I_OnMouseOut;

    this.I_OnMouseUp=I_OnMouseUp;

    this.P_OnMouseOver=P_OnMouseOver;

    this.P_OnMouseOut=P_OnMouseOut;

    A_rbpm = new Array();

    HTMLstr  = "";

    HTMLstr += "<!-- RightButton PopMenu -->\n";

    HTMLstr += "\n";

    HTMLstr += "<!-- PopMenu Starts -->\n";

    HTMLstr += "<div id='E_rbpm' class='rm_div'>\n";

                        // rbpm = right button pop menu

    HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";

    HTMLstr += "<tr><td height='264' width='20' valign='bottom'  bgcolor='#000000' onclick=window.event.cancelBubble=true; class=info>作制娃海<br>:<br>窗视忧无\n";

    HTMLstr += "</td><td height='264' width='120' style='padding: 1' valign='bottom'>\n";

    HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";

    HTMLstr += "<!-- Insert A Extend Menu or Item On Here For E_rbpm -->\n";

    HTMLstr += "</table></td></tr></table>\n";

    HTMLstr += "</div>\n";

    HTMLstr += "<!-- Insert A Extend_Menu Area on Here For E_rbpm -->";

    HTMLstr += "\n";

    HTMLstr += "<!-- PopMenu Ends -->\n";

  }

  function AddExtendMenu(id,img,wh,name,parent)

  {

    var TempStr = "";

 

    eval("A_"+parent+".length++");

    eval("A_"+parent+"[A_"+parent+".length-1] = id");  // 将此项注册到父菜单项的ID数组中去

    TempStr += "<div id='E_"+id+"' class='rm_div'>\n";

    TempStr += "<table width='100%' border='0' cellspacing='0'>\n";

    TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+id+" -->";

    TempStr += "</table>\n";

    TempStr += "</div>\n";

    TempStr += "<!-- Insert A Extend_Menu Area on Here For E_"+id+" -->";

    TempStr += "<!-- Insert A Extend_Menu Area on Here For E_"+parent+" -->";

    HTMLstr = HTMLstr.replace("<!-- Insert A Extend_Menu Area on Here For E_"+parent+" -->",TempStr);

   

    eval("A_"+id+" = new Array()");

    TempStr  = "";

    TempStr += "<!-- Extend Item : P_"+id+" -->\n";

    TempStr += "<tr id='P_"+id+"' class='out'";

    TempStr += " onmouseover='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";

    TempStr += " onmouseout='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";

    TempStr += " onmouseup=window.event.cancelBubble=true;";

    TempStr += " onclick=window.event.cancelBubble=true;";

    TempStr += "><td nowrap>";

    TempStr += "<font face='Wingdings' style='font-size:18px'>0</font> "+name+"  </td><td style='font-family: webdings; text-align: ;'>4";

    TempStr += "</td></tr>\n";

    TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->";

    HTMLstr = HTMLstr.replace("<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->",TempStr);

  }

  function AddItem(id,img,wh,name,parent,location)

  {

    var TempStr = "";

    var ItemStr = "<!-- ITEM : I_"+id+" -->";

    if(id == "sperator")

    {

      TempStr += ItemStr+"\n";

      TempStr += "<tr class='out' onclick='window.event.cancelBubble=true;' onmouseup='window.event.cancelBubble=true;'><td colspan='2' height='1'><hr class='sperator'></td></tr>";

      TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->";

      HTMLstr = HTMLstr.replace("<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->",TempStr);

      return;

    }

    if(HTMLstr.indexOf(ItemStr) != -1)

    {

      alert("I_"+id+"already exist!");

      return;

    }

    TempStr += ItemStr+"\n";

    TempStr += "<tr id='I_"+id+"' class='out'";

    TempStr += " onmouseover='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";

    TempStr += " onmouseout='I_OnMouseOut(\""+id+"\")'";

    TempStr += " onclick='window.event.cancelBubble=true;'";

    if(location == null)

      TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";

    else

      TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";

    TempStr += "><td nowrap>";

    TempStr +="<font face='Wingdings' style='font-size:18px'>"+wh+"</font> "+ name+" ";//Wingdings字体做为图片,要改成图片,请在这里更改

    TempStr += "</td><td></td></tr>\n";

    TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->";

    HTMLstr = HTMLstr.replace("<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->",TempStr);

  }

  function GetMenu()

  {

    return HTMLstr;

  }

  function I_OnMouseOver(id,parent)

  {

    var Item;

    if(parent != "rbpm")

    {

      var ParentItem;

      ParentItem = eval("P_"+parent);

      ParentItem.className="over";

    }

    Item = eval("I_"+id);

    Item.className="over";

    HideAll(parent,1);

  }

  function I_OnMouseOut(id)

  {

    var Item;

    Item = eval("I_"+id);

    Item.className="out";

  }

  function I_OnMouseUp(id,parent,location)

  {

    var ParentMenu;

    window.event.cancelBubble=true;

    OnClick();

    ParentMenu = eval("E_"+parent);

    ParentMenu.display="none";

    if(location == null)

      eval("Do_"+id+"()");

    else

      window.open(location);

  }

  function P_OnMouseOver(id,parent)

  {

    var Item;

    var Extend;

    var Parent;

    if(parent != "rbpm")

    {

      var ParentItem;

      ParentItem = eval("P_"+parent);

      ParentItem.className="over";

    }

    HideAll(parent,1);

    Item = eval("P_"+id);

    Extend = eval("E_"+id);

    Parent = eval("E_"+parent);

    Item.className="over";

    Extend.style.display="block";

    Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;

    if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)

        Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;

    if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;

    Extend.style.posTop=Parent.offsetTop+Item.offsetTop+1;

    if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)

      Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;

    if(Extend.style.posTop < 0) Extend.style.posTop=0;

  }

  function P_OnMouseOut(id,parent)

  {

  }

  function HideAll(id,flag)

  {

    var Area;

    var Temp;

    var i;

    if(!flag)

    {

      Temp = eval("E_"+id);

      Temp.style.display="none";

    }

    Area = eval("A_"+id);

    if(Area.length)

    {

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

      {

        HideAll(Area[i],0);

        Temp = eval("E_"+Area[i]);

        Temp.style.display="none";

        Temp = eval("P_"+Area[i]);

        Temp.className="out";

      }

    }

  }

 

  document.onmouseup=OnMouseUp;

  document.onclick=OnClick;

  function OnMouseUp()

  {

    if(window.event.button == 2)

    {

      var PopMenu;

      PopMenu = eval("E_rbpm");

      HideAll("rbpm",0);

      PopMenu.style.display="block";

      PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX;

      PopMenu.style.posTop=document.body.scrollTop+window.event.clientY;

      if(PopMenu.style.posLeft+PopMenu.offsetWidth > document.body.scrollLeft+document.body.clientWidth)

        PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth;

      if(PopMenu.style.posLeft < 0) PopMenu.style.posLeft=0;

      if(PopMenu.style.posTop+PopMenu.offsetHeight > document.body.scrollTop+document.body.clientHeight)

        PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight;

      if(PopMenu.style.posTop < 0) PopMenu.style.posTop=0;

    }

  }

  function OnClick()

  {

    HideAll("rbpm",0);

  }

  // Add Your Function on following

  function Do_viewcode(){window.location="view-source:"+window.location.href;}

  function Do_help(){window.showHelp(window.location);}

  function Do_exit() {window.close();}

  function Do_refresh() {window.location.reload();}

  function Do_back() {history.back();}

  function Do_forward() {history.forward();}

function Do_help(){alert("帮助")}

  -->

  </SCRIPT>

<META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>

<BODY bgColor=#336699 oncontextmenu=window.event.returnValue=false>

<DIV id=snwcwt> 请点击右键</DIV>

<SCRIPT language=JScript>

  <!--

  var menu = new RightMenu();

menu.AddItem("update","start_update","4","<font class=w2kfont>Web Update</font>","rbpm","http://7stk.com");

menu.AddItem("suan","suan","a","鱼米之乡","rbpm","http://7stk.com");

menu.AddItem("sperator","","","","rbpm",null);

menu.AddExtendMenu("program","start_pro","24","程序<font class=w2kfont>(<u>P</u>)</font>","rbpm",null);

menu.AddExtendMenu("p_acc","folder","+","附件","program",null);

menu.AddItem("p_acc1","html","+","<font class=w2kfont>Microsoft FrontPage 2000</font>","program","51w/");

menu.AddItem("p_acc2","html","+","<font class=w2kfont>Norton AntiVirus Corporate Edition</font>","program","http://7stk.com");

menu.AddExtendMenu("p_lgame","folder","16","小游戏","p_acc",null);

menu.AddItem("p_game1","folder","+","扫雷","p_lgame","http://7stk.com");

menu.AddItem("p_game2","folder","+","超级玛力","p_lgame","http://7stk.com");

menu.AddItem("p_game3","folder","+","五子棋","p_lgame","http://7stk.com");

menu.AddItem("p_game4","folder","+","俄罗斯方块","p_lgame","http://7stk.com");

menu.AddExtendMenu("doc","start_doc","24","文档<font class=w2kfont>(<u>D</u>)</font>","rbpm",null);

menu.AddItem("d_photo","folder","+","我的朋友","doc",null);

menu.AddExtendMenu("fav","start_fav","24","收藏<font class=w2kfont>(<u>A</u>)</font>","rbpm",null);

menu.AddExtendMenu("f_bbs","folder","16","论坛","fav",null);

menu.AddItem("f_bbs1","html","+","蓝色理想","f_bbs","http://www.7stk.com/");

menu.AddItem("f_bbs2","html","+","特效观止","f_bbs","http://7stk.com/");

menu.AddItem("f_bbs3","html","+","CSDN专家门诊","f_bbs","http://www.163.net/");

menu.AddItem("f_bbs4","html","+","网上交流","f_bbs","http://163.com");

menu.AddExtendMenu("f_webpage","folder","16","网页制作","fav",null);

menu.AddItem("f_webpage1","html","","<font disabled>()</font>","f_webpage","http://");

menu.AddExtendMenu("f_study","folder","16","网上学习","fav",null);

menu.AddItem("f_s1","html","","<font disabled>()</font>","f_study","http://www.www.com");

menu.AddExtendMenu("f_link","folder","16","友情链接","fav",null);

menu.AddItem("f_link1","html","+","特效观止","f_link","http://");

menu.AddExtendMenu("setting","start_set","24","设置<font class=w2kfont>(<u>S</u>)</font>","rbpm",null);

menu.AddItem("s_panel","folder","+","控制面板(C)","setting","http://7stk.com");

menu.AddItem("sperator","","","","setting",null);

menu.AddItem("s_data","s_user","+","用户资料(D)","setting","http://");

menu.AddItem("s_display1","s_taskbar","+","任务栏和开始菜单(T)","setting","http://");

menu.AddExtendMenu("find","start_find","24","查找<font class=w2kfont>(<u>F</u>)","rbpm",null);

menu.AddItem("l_search","search","4","文件或文件夹上(<u>F</u>)...","find","http://");

menu.AddItem("i_search","esearch","4","Internet(<u>I</u>)...","find","http://");

menu.AddItem("u_search","f_user","4","用户(<u>P</u>)...","find","http://");

menu.AddItem("help","start_help","V","&nbsp;帮助<font class=w2kfont>(<u>H</u>)</font>","rbpm",null);

menu.AddItem("sperator","","","","rbpm",null);

menu.AddItem("logoff","start_logoff","v","&nbsp;注销<font class=w2kfont>(<u>L</u>)</font>","rbpm",null);

menu.AddItem("shut","start_shut","x","退出<font class=w2kfont>(<u>U</u>)</font>","rbpm",null);

document.writeln(menu.GetMenu());

-->

</SCRIPT>

</TD></TR>

</TABLE>

</BODY>

</HTML>

0 Comments

Sun

01

Mar

2009

50、超级链接爆炸了

50、超级链接爆炸了

<html>

<head>

<title>网页特效---全国省市县无刷新多级关联菜单</title>

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

<style>

body,select

{

 font-size:9pt;

 font-family:Verdana;

}

a

{

 color:red;

 text-decoration:none;

}

a:hover{

 text-decoration:underline;

}

</style>

<SCRIPT LANGUAGE="JavaScript">

 

0 Comments

Sun

01

Mar

2009

49、可以编辑的组合框

49、可以编辑的组合框

<html>

 

<head>

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

<title>网页特效可以编辑的Select组合框</title>

</head>

<body>

 

<style>

<!--

.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }

.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }

input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}

//-->

</style>

</head>

<script>

<!--

function addOption(pos){

 

       if(event.keyCode==13)

       {

              var select_obj = document.getElementById("myselect");

              var text_value   = document.getElementById("test").value;

 

              if (select_obj.length)

              {

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

                     {

                            // 如果已经存在,不添加,直接退出

                            if (select_obj.options[i].text==text_value)

                                   return false

                     }

              }

              var the_option= new Option(text_value,text_value);

             

              select_obj.add(the_option);

 

              select_obj.selectedIndex = select_obj.options.length-1

       }           

      

}

//-->

</script>

输入文字后回车即可看下拉菜单里已输入的内容,可以连续输入看看<div class="cls1" style="clip: rect(3 280 21 110)">

  <select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">

  </select>

</div>

<div class="cls2">

<input type="text" name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23">

</div>

 

</body>

</html>

 

0 Comments

Sun

01

Mar

2009

48、很实用多级分类导航

48、很实用多级分类导航

<html>

 

<head>

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

<title>网页特效---很实用的多级分类导航</title>

</head>

 

<body>

 

<SCRIPT language=jscript>

var mmenus    = new Array();

var misShow   = new Boolean();

misShow=false;

var misdown   = new Boolean();

misdown=false;

var msrcel;

var mfromel; 

var mtoel;

var mnumberofsub=0;

var musestatus=false;

var mthestatus="";

var mpopTimer = 0;

mmenucolor='Menu';mfontcolor='MenuText';mmenuoutcolor='#B5BED6';mmenuincolor='#B5BED6';mmenuoutbordercolor='#000000';mmenuinbordercolor='#000000';mmidoutcolor='#8D8A85';mmidincolor='#8D8A85';mmenuovercolor='MenuText';mitemedge='0';msubedge='1';mmenuunitwidth=65;mmenuitemwidth=160;mmenuheight=30;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=-4;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='default';

 

function stoperror(){

return true;

}

window.onerror=stoperror;

function mpopOut() {

mpopTimer = setTimeout('mallhide()', 500);

}

function getReal(el, type, value) {

       temp = el;

       while ((temp != null) && (temp.tagName != "BODY")) {

              if (eval("temp." + type) == value) {

                     el = temp;

                     return el;

              }

              temp = temp.parentElement;

       }

       return el;

}

 

 

function mMenuRegister(menu)

{

  mmenus[mmenus.length] = menu

  return (mmenus.length - 1)

}

 

function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.isline=isline;

       this.statustxt=statustxt;

       if(level!=null){mnumberofsub++;

       this.hasc=mnumberofsub;}

       this.level=level;

       this.img=img;

       this.sizex=sizex;

       this.sizey=sizey;

       this.pos=pos;

}

 

function mMenu(caption,command,target,img,sizex,sizey,pos){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.img=img;

       this.sizex=sizex;

       this.sizey=sizey;

       this.pos=pos;

       this.id=mMenuRegister(this);

}

function mMenuAddItem(item)

{

  this.items[this.items.length] = item

  item.parent = this.id;

  this.children=true;

}

 

mMenu.prototype.addItem = mMenuAddItem;

mMenuItem.prototype.addsubItem = mMenuAddItem;

 

function mtoout(src){

src.style.border='solid 1';

src.style.borderLeftColor=mmenuoutbordercolor;

src.style.borderRightColor=mmenuinbordercolor;

src.style.borderTopColor=mmenuoutbordercolor;

src.style.borderBottomColor=mmenuinbordercolor;

src.style.backgroundColor=mmenuoutcolor;

src.style.color=mmenuovercolor;

}

function mtoin(src){

src.style.border='solid 1';

src.style.borderLeftColor=mmenuinbordercolor;

src.style.borderRightColor=mmenuoutbordercolor;

src.style.borderTopColor=mmenuinbordercolor;

src.style.borderBottomColor=mmenuoutbordercolor;

src.style.backgroundColor=mmenuincolor;

src.style.color=mmenuovercolor;

}

function mnochange(src){

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

src.style.border='solid 0';

}

function mallhide(){

       for(var nummenu=0;nummenu<mmenus.length;nummenu++){

              var themenu=document.all['mMenu'+nummenu]

              var themenudiv=document.all['mmenudiv'+nummenu]

                mnochange(themenu);

                mmenuhide(themenudiv);

                }

        for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ 

               var thesub=document.all['msubmenudiv'+nummenu]     

               msubmenuhide(thesub);

               mnochange(document.all['mp'+nummenu]);

               document.all["mitem"+nummenu].style.color=mfontcolor;

               }

}

function mmenuhide(menuid){

menuid.style.visibility='hidden';

misShow=false;

}

function msubmenuhide(menuid){

menuid.style.visibility='hidden';

}

function mmenushow(menuid,pid){

menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;

menuid.style.visibility='visible';

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth)

menuid.style.left=document.body.clientWidth-mmenuitemwidth;

misShow=true;

}

function mshowsubmenu(menuid,pid,rid){

menuid.style.left=pid.offsetWidth+rid.offsetLeft;

menuid.style.top=pid.offsetTop+rid.offsetTop;

menuid.style.visibility='visible';

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth)

menuid.style.left=document.body.clientWidth-mmenuitemwidth;

}

function mmenu_over(menuid,x){

mtoel = getReal(window.event.toElement, "className", "coolButton");

mfromel = getReal(window.event.fromElement, "className", "coolButton");

if (mtoel == mfromel) return;

msrcel = window.event.srcElement;

if(x<0){

  misShow = false;

  mallhide();

  mtoout(msrcel);

}else{

 

  mallhide();

  mtoin(msrcel);

  mmenushow(menuid,eval("mMenu"+x));

 

}

clearTimeout(mpopTimer);

}

function mmenu_out(menuid){

mtoel = getReal(window.event.toElement, "className", "coolButton");

mfromel = getReal(window.event.fromElement, "className", "coolButton");

if (mtoel == mfromel) return;      

msrcel = window.event.srcElement;

if (misShow){

mtoin(msrcel);

}else{

mnochange(msrcel);

}

mpopOut()

}

function mmenu_down(menuid,x){

msrcel = getReal(window.event.srcElement, "className", "coolButton");

  if(misShow){

  mmenuhide(menuid);

  mtoout(msrcel);

  }

  else{

  mtoin(msrcel);

  mmenushow(menuid,eval("mMenu"+x));

  misdown=true;

  }

}

function mmenu_up(){

  misdown=false;

}

function mmenuitem_over(menuid,item){

msrcel = getReal(window.event.srcElement, "className", "coolButton");

        for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ 

               var thesub=document.all['msubmenudiv'+nummenu]

               if(!(menuid==thesub||menuid.style.tag>=thesub.style.tag)){

               msubmenuhide(thesub);

               mnochange(document.all['mp'+nummenu]);

               document.all["mitem"+nummenu].style.color=mfontcolor;

               }

        }

if(item)document.all["mitem"+item].style.color=mmenuovercolor;

if(misdown||item){

       mtoin(msrcel);

}

else{

       mtoout(msrcel);

}

if(mthestatus!=""){

       musestatus=true;

       window.status=mthestatus;

}

clearTimeout(mpopTimer);

}

function mmenuitem_out(menuid,hassub){

msrcel = getReal(window.event.srcElement, "className", "coolButton");

if(!hassub)mnochange(msrcel);

if(musestatus)window.status="";

mpopOut()

}

function mmenuitem_down(menuid){

msrcel = getReal(window.event.srcElement, "className", "coolButton");

mtoin(msrcel)

misdown=true;

}

function mmenuitem_up(menuid){

msrcel = getReal(window.event.srcElement, "className", "coolButton");

mtoout(msrcel)

misdown=false;

}

function mexec3(j,i){

var cmd;

if(eval("msub"+j).items[i].target=="blank"){

  cmd = "window.open('"+eval("msub"+j).items[i].command+"')";

}else{

  cmd = eval("msub"+j).items[i].target+".location='"+eval("msub"+j).items[i].command+"'";

}

eval(cmd);

}

function mexec2(x){

var cmd;

if(mmenus[x].target=="blank"){

  cmd = "window.open('"+mmenus[x].command+"')";

}else{

  cmd = mmenus[x].target+".location='"+mmenus[x].command+"'";

}

eval(cmd);

}

function mexec(x,i){

var cmd;

if(mmenus[x].items[i].target=="blank"){

  cmd = "window.open('"+mmenus[x].items[i].command+"')";

}else{

  cmd = mmenus[x].items[i].target+".location='"+mmenus[x].items[i].command+"'";

}

eval(cmd);

}

function mbody_click(){

 

if (misShow){

       msrcel = getReal(window.event.srcElement, "className", "coolButton");

       for(var x=0;x<=mmenus.length;x++){

              if(msrcel.id=="mMenu"+x)

              return;

       }

       for(x=1;x<=mnumberofsub;x++){

              if(msrcel.id=="mp"+x)

              return;

       }

       mallhide();

}

}

document.onclick=mbody_click;

var mMenuBodyRef;

function mwritetodocument(){

      var mwb=1;

      for(var i in document.all){

              if (document.all[i].tagName == 'BODY'){

                     mMenuBodyRef = document.all[i]

                     var stringx='<div id="mposflag" style="position:absolute;"></div><table  id=mmenutable border=0 cellpadding=0 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+

                     ' onselectstart="event.returnValue=false"'+

                     ' style="cursor:'+mcursor+';'+mfonts+

                     ' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+

                     ' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+

                     'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+

                     'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'

                     for(var x=0;x<mmenus.length;x++){

                          var thismenu=mmenus[x];

                          var imgsize;

                                if(thismenu.sizex=="0"&&thismenu.sizey=="0"){

                                  imgsize="";

                                }else{

                                  imgsize=" width="+thismenu.sizex+" height="+thismenu.sizey;

                                }

                          var ifspace;

                                if(thismenu.caption==""){

                                  ifspace="";

                                }else{

                                  ifspace=" ";

                                }

                          stringx += "<td class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+                       "' width="+mmenuunitwidth+"px onmouseover=mmenu_over(mmenudiv"+x+                       ","+x+") onmouseout=mmenu_out(mmenudiv"+x+                       ") onmousedown=mmenu_down(mmenudiv"+x+","+x+")";                             if(thismenu.command!=""){                                 stringx += " onmouseup=mexec2("+x+");mmenu_up();";                             }else{                                stringx += " onmouseup=mmenu_up()";                             }                             if(thismenu.pos=="0"){                                 stringx += " align=center><img align=absmiddle src="+thismenu.img+imgsize+">"+ifspace+thismenu.caption+"</td>";    

                                }else if(thismenu.pos=="1"){

                                    stringx += " align=center>"+thismenu.caption+ifspace+"<img align=absmiddle src="+thismenu.img+imgsize+"></td>";     

                                }else if(thismenu.pos=="2"){

                                    stringx += " align=center background="+thismenu.img+">"+thismenu.caption+"</td>";      

                                }else{

                                    stringx += " align=center>"+thismenu.caption+"</td>";

                                }

                          stringx += "";

                     }

                     stringx+="<td width=*> </td></tr></table>";

                    

                    

                     for(var x=0;x<mmenus.length;x++){

                          thismenu=mmenus[x];

                        if(x<0){

                        stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';

                        }else{

                        stringx+='<div id=mmenudiv'+x+

                        ' style="cursor:'+mcursor+';position:absolute;'+

                        'width:'+mmenuitemwidth+'px; z-index:'+(x+100);

                        if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                        stringx+=';border-left: 1px solid '+mmidoutcolor+

                        ';border-top: 1px solid '+mmidoutcolor;}

                        stringx+=';border-right: 1px solid '+mmenuinbordercolor+

                        ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+

                          '<table background="../img/xpbg.gif" width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+

                          'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;

                          if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                          stringx+=';border-right: 1px solid '+mmidincolor+

                          ';border-bottom: 1px solid '+mmidincolor;}

                          stringx+=';border-top: 1px solid '+mmenuoutbordercolor+

                          ';padding: 4px" bgcolor='+mmenucolor+'>\n'

                          for(var i=0;i<thismenu.items.length;i++){

                                 var thismenuitem=thismenu.items[i];

                                 var imgsize;

 

                                    if(thismenuitem.sizex=="0"&&thismenuitem.sizey=="0"){

                                       imgsize=""

                                    }else{

                                       imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey

                                    }

                                  var ifspace;

                                    if(thismenu.caption==""){

                                      ifspace="";

                                    }else{

                                      ifspace=" ";

                                    }

                                 if(thismenuitem.hasc!=null){

                                 stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+                        "' width=100% onmouseout=mmenuitem_out(mmenudiv"+x+                        ",true) onmouseover=\"mthestatus='"+thismenuitem.statustxt+"';mmenuitem_over(mmenudiv"+x+                        ",'"+thismenuitem.hasc+"');mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",mmenudiv"+x+");\""+                        "><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";                          if(thismenuitem.pos=="0"){                                   stringx += "><img align=absmiddle src="+thismenuitem.img+imgsize+">"+ifspace+thismenuitem.caption+"</td><td"; 

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src="+thismenuitem.img+imgsize+"></td><td";

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background="+thismenuitem.img+">"+thismenuitem.caption+"</td><td background="+thismenuitem.img;                                  }else{                                   stringx += ">"+thismenuitem.caption+"</td><td";

                                    }

                                   stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";                             

                                 }else if(!thismenuitem.isline){

                                 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+                        "' width=100% height=15px onmouseover=\"mthestatus='"+thismenuitem.statustxt+"';mmenuitem_over(mmenudiv"+x+                        ");\" onmouseout=mmenuitem_out(mmenudiv"+x+                        ") onmousedown=mmenuitem_down(mmenudiv"+x+") onmouseup=";      stringx += "mexec("+x+","+i+");mmenuitem_up(mmenudiv"+x+") ";        if(thismenuitem.pos=="0"){                                   stringx += "><img align=absmiddle src="+thismenuitem.img+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";     

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src="+thismenuitem.img+imgsize+"></td></tr>";     

                                    }else if(thismenuitem.pos=="2"){

                                     stringx += "background="+thismenuitem.img+">"+thismenuitem.caption+"</td></tr>";      

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td></tr>";

                                    }

                           }else{

                                 stringx+='<tr><td height="1" background="hr.gif"><img border="0" src="none.gif" width="1" height="1"></td></tr>\n';

                                 }

                          }stringx+='</table>\n</div>'

                          }                        

                }

               

for(var j=1;j<=mnumberofsub;j++){    

thisitem=eval("msub"+j);

stringx+='<div id=msubmenudiv'+j+

                        ' style="tag:'+thisitem.level+';cursor:'+mcursor+';position:absolute;'+

                        'width:'+mmenuitemwidth+'px; z-index:'+(j+200);

                        if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                        stringx+=';border-left: 1px solid '+mmidoutcolor+

                        ';border-top: 1px solid '+mmidoutcolor;}

                        stringx+=';border-right: 1px solid '+mmenuinbordercolor+

                        ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+

                          '<table background="../img/xpbg.gif" width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+

                          'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;

                          if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                          stringx+=';border-right: 1px solid '+mmidincolor+

                          ';border-bottom: 1px solid '+mmidincolor;}

                          stringx+=';border-top: 1px solid '+mmenuoutbordercolor+

                          ';padding: 4px" bgcolor='+mmenucolor+'>\n'

                          for(var i=0;i<thisitem.items.length;i++){

                                 var thismenuitem=thisitem.items[i];

                                 var imgsize;

                                    if(thismenuitem.sizex=="0"&&thismenuitem.sizey=="0"){

                                       imgsize=""

                                    }else{

                                       imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey

                                    }

                                  var ifspace;

                                    if(thismenu.caption==""){

                                      ifspace="";

                                    }else{

                                      ifspace=" ";

                                    }

                                 if(thismenuitem.hasc!=null){

                                 stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+                        "' width=100% onmouseout=mmenuitem_out(msubmenudiv"+j+                        ",true) onmouseover=\"mthestatus='"+thismenuitem.statustxt+"';mmenuitem_over(msubmenudiv"+j+                        ",'"+thismenuitem.hasc+"');mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",msubmenudiv"+j+");\""+                        "><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";                          if(thismenuitem.pos=="0"){                                   stringx += "><img align=absmiddle src="+thismenuitem.img+imgsize+">"+ifspace+thismenuitem.caption+"</td><td"; 

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src="+thismenuitem.img+imgsize+"></td><td";

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background="+thismenuitem.img+">"+thismenuitem.caption+"</td><td background="+thismenuitem.img;                                  }else{                                   stringx += ">"+thismenuitem.caption+"</td><td";

                                    }

                                   stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";                             

                                 }else if(!thismenuitem.isline){

                                 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+                        "' width=100% height=15px onmouseover=\"mthestatus='"+thismenuitem.statustxt+"';mmenuitem_over(msubmenudiv"+j+                        ");\" onmouseout=mmenuitem_out(msubmenudiv"+j+                        ") onmousedown=mmenuitem_down(msubmenudiv"+j+") onmouseup=";                        stringx += "mexec3("+j+","+i+");mmenuitem_up(msubmenudiv"+j+") ";      if(thismenuitem.pos=="0"){                                   stringx += "><img align=absmiddle src="+thismenuitem.img+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";     

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src="+thismenuitem.img+imgsize+"></td></tr>";     

                                    }else if(thismenuitem.pos=="2"){

                                     stringx += "background="+thismenuitem.img+">"+thismenuitem.caption+"</td></tr>";      

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td></tr>";

                                    }

                                  }else{

                                 stringx+='<tr><td height="1" background="hr.gif"><img border="0" src="none.gif" width="1" height="1"></td></tr>\n';

                                 }

                          }

stringx+='</table>\n</div>'

}

       document.write("<div align='left'>"+stringx+"</div>");

      break

    }

  }

}

 

 

function document_load(){

       mwritetodocument();

 

 

}mpmenu1=new mMenu('文件','','self','','','','');

msub1=new mMenuItem('新建','','self',false,'','1','http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0');

msub1.addsubItem(new mMenuItem('文档','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

msub1.addsubItem(new mMenuItem('网页','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','16','16','0'));

msub1.addsubItem(new mMenuItem('快捷方式','','self',false,'',null,'img/index_plus.gif','16','16','0'));

mpmenu1.addItem(msub1);

mpmenu1.addItem(new mMenuItem('打开','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu1.addItem(new mMenuItem('保存','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu2=new mMenu('编辑','','self','','','','');

mpmenu2.addItem(new mMenuItem('撤销','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu2.addItem(new mMenuItem('重做','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu2.addItem(new mMenuItem('拷贝','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu3=new mMenu('帮助','','self','','','','');

mpmenu3.addItem(new mMenuItem('帮助','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu3.addItem(new mMenuItem('主页','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu3.addItem(new mMenuItem('邮件','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

mpmenu3.addItem(new mMenuItem('搜索','','self',false,'',null,'http://www.zlce.net/web/tj/img/index_plus.gif','0','0','0'));

 

</SCRIPT>

<SCRIPT>document_load()</SCRIPT>

 

</body>

 

</html>

 

0 Comments

Sun

01

Mar

2009

47、很好的一个菜单代码

47、很好的一个菜单代码

<html>

 

<head>

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

<title>网页特效---非常不错的类似Windows的导航菜单</title>

</head>

 

<body>

 

<SCRIPT language="jscript.encode">

var mmenus    = new Array();

var misShow   = new Boolean();

misShow=false;

var misdown   = new Boolean();

misdown=false;

var musestatus=false;

var mpopTimer = 0;

//下面的参数太多,你可以逐个修改下面的参数,直到找到你满意的样式

mmenucolor='#FFE1F5';mfontcolor='MenuText';mmenuoutcolor='#FFE1F5';mmenuincolor='#FFE1F5';mmenuoutbordercolor='#FFFFFF';mmenuinbordercolor='#000000';mmidoutcolor='#E2DFDA';mmidincolor='#8D8A85';mmenuovercolor='MenuText';mitemedge='1';msubedge='1';mmenuunitwidth=50;mmenuitemwidth=100;mmenuheight=22;mmenuwidth='320';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='default';

var fadeSteps = 15;

var fademsec = 100;//修改显示速度

var fadeArray = new Array();

function fade(el, fadeIn, steps, msec) {

       if (steps == null) steps = fadeSteps;

       if (msec == null) msec = fademsec;

       if (el.fadeIndex == null)

              el.fadeIndex = fadeArray.length;

       fadeArray[el.fadeIndex] = el;

       if (el.fadeStepNumber == null) {

              if (el.style.visibility == "hidden")

                     el.fadeStepNumber = 0;

              else

                     el.fadeStepNumber = steps;

              if (fadeIn)

                     el.style.filter = "Alpha(Opacity=0)";

              else

                     el.style.filter = "Alpha(Opacity=100)";

       }

       window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);

}

function repeatFade(fadeIn, index, steps, msec) {      

       el = fadeArray[index];

      

       c = el.fadeStepNumber;

       if (el.fadeTimer != null)

              window.clearTimeout(el.fadeTimer);

       if ((c == 0) && (!fadeIn)) {

              el.style.visibility = "hidden";

              return;

       }

       else if ((c==steps) && (fadeIn)) {

              el.style.filter = "";

              el.style.visibility = "visible";

              return;

       }

       else {

              (fadeIn) ?      c++ : c--;

              el.style.visibility = "visible";

              el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";

              el.fadeStepNumber = c;

              el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);

       }

}

 

function stoperror(){

return true;

}

window.onerror=stoperror;

function mpopOut() {

mpopTimer = setTimeout('mallhide()', 500);

}

function getReal(el, type, value) {

       temp = el;

       while ((temp != null) && (temp.tagName != "BODY")) {

              if (eval("temp." + type) == value) {

                     el = temp;

                     return el;

              }

              temp = temp.parentElement;

       }

       return el;

}

 

 

function mMenuRegister(menu)

{

  mmenus[mmenus.length] = menu

  return (mmenus.length - 1)

}

function mMenuItem(caption,command,target,isline,statustxt,img,sizex,sizey,pos){

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.isline=isline;

       this.statustxt=statustxt;

       this.img=img;

       this.sizex=sizex;

       this.sizey=sizey;

       this.pos=pos;

}

function mMenu(caption,command,target,img,sizex,sizey,pos){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.img=img;

       this.sizex=sizex;

       this.sizey=sizey;

       this.pos=pos;

       this.id=mMenuRegister(this);

}

function mMenuAddItem(item)

{

  this.items[this.items.length] = item

  item.parent = this.id;

  this.children=true;

}

 

mMenu.prototype.addItem = mMenuAddItem;

function mtoout(src){

 

src.style.borderLeftColor=mmenuoutbordercolor;

src.style.borderRightColor=mmenuinbordercolor;

src.style.borderTopColor=mmenuoutbordercolor;

src.style.borderBottomColor=mmenuinbordercolor;

src.style.backgroundColor=mmenuoutcolor;

src.style.color=mmenuovercolor;

}

function mtoin(src){

 

src.style.borderLeftColor=mmenuinbordercolor;

src.style.borderRightColor=mmenuoutbordercolor;

src.style.borderTopColor=mmenuinbordercolor;

src.style.borderBottomColor=mmenuoutbordercolor;

src.style.backgroundColor=mmenuincolor;

src.style.color=mmenuovercolor;

}

function mnochange(src){

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

 

}

function mallhide(){

       for(var nummenu=0;nummenu<mmenus.length;nummenu++){

              var themenu=document.all['mMenu'+nummenu]

              var themenudiv=document.all['mmenudiv'+nummenu]

                mnochange(themenu);

                mmenuhide(themenudiv);

                }

}

function mmenuhide(menuid){

 

fade(menuid,false,5);

misShow=false;

}

function mmenushow(menuid,pid){

 

menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;

fade(menuid,true,5);

misShow=true;

}

function mmenu_over(menuid,x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if(x==0||x==4){

  misShow = false;

  mallhide();

  mtoout(eval("mMenu"+x));

}else{

 

  mallhide();

  mtoin(eval("mMenu"+x));

  mmenushow(menuid,eval("mMenu"+x));

 

}

clearTimeout(mpopTimer);

}

function mmenu_out(x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if (misShow){

mtoin(eval("mMenu"+x));

}else{

mnochange(eval("mMenu"+x));

}

mpopOut()

}

function mmenu_down(menuid,x){

  if(misShow){

  mmenuhide(menuid);

  mtoout(eval("mMenu"+x));

  }

  else{

  mtoin(eval("mMenu"+x));

  mmenushow(menuid,eval("mMenu"+x));

  misdown=true;

  }

}

function mmenu_up(){

  misdown=false;

}

function mmenuitem_over(x,i){

srcel = getReal(window.event.srcElement, "className", "coolButton");

if(misdown){

       mtoin(srcel);

}

else{

mtoout(srcel);

}

mthestatus = mmenus[x].items[i].statustxt;

if(mthestatus!=""){

       musestatus=true;

       window.status=mthestatus;

}

clearTimeout(mpopTimer);

}

function mmenuitem_out(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mnochange(srcel);

if(musestatus)window.status="";

mpopOut()

}

function mmenuitem_down(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoin(srcel)

misdown=true;

}

function mmenuitem_up(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoout(srcel)

misdown=false;

}

function mexec2(x){

var cmd;

if(mmenus[x].target=="blank"){

  cmd = "window.open('"+mmenus[x].command+"')";

}else{

  cmd = mmenus[x].target+".location=\""+mmenus[x].command+"\"";

}

eval(cmd);

}

function mexec(x,i){

var cmd;

if(mmenus[x].items[i].target=="blank"){

  cmd = "window.open('"+mmenus[x].items[i].command+"')";

}else{

  cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i].command+"\"";

}

eval(cmd);

}

function mbody_click(){

 

if (misShow){

       srcel = getReal(window.event.srcElement, "className", "coolButton");

       for(var x=0;x<=mmenus.length;x++){

              if(srcel.id=="mMenu"+x)

              return;

       }

       mallhide();

}

}

document.onclick=mbody_click;

function mwritetodocument(){

      var mwb=1;

                     var stringx='<div id="mposflag" style="position:absolute;"></div><table  id=mmenutable border=0 cellpadding=3 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+

                     ' onselectstart="event.returnValue=false"'+

                     ' style="cursor:'+mcursor+';'+mfonts+

                     ' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+

                     ' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+

                     'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+

                     'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'

                     for(var x=0;x<mmenus.length;x++){

                          var thismenu=mmenus[x];

                          var imgsize="";

                          if(thismenu.sizex!="0"||thismenu.sizey!="0")imgsize=" width="+thismenu.sizex+" height="+thismenu.sizey;

                          var ifspace="";

                          if(thismenu.caption!="")ifspace=" ";

                          stringx += "<td nowrap class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+

                          "' width="+mmenuunitwidth+"px onmouseover=mmenu_over(mmenudiv"+x+

                          ","+x+") onmouseout=mmenu_out("+x+

                          ") onmousedown=mmenu_down(mmenudiv"+x+","+x+")";

                                if(thismenu.command!=""){

                                    stringx += " onmouseup=mmenu_up();mexec2("+x+");";

                                }else{

                                      stringx += " onmouseup=mmenu_up()";

                                }

                                if(thismenu.pos=="0"){

                                    stringx += " align=center><img align=absmiddle src='"+thismenu.img+"'"+imgsize+">"+ifspace+thismenu.caption+"</td>";     

                                }else if(thismenu.pos=="1"){

                                    stringx += " align=center>"+thismenu.caption+ifspace+"<img align=absmiddle src='"+thismenu.img+"'"+imgsize+"></td>";      

                                }else if(thismenu.pos=="2"){

                                    stringx += " align=center background='"+thismenu.img+"'> "+thismenu.caption+" </td>";      

                                }else{

                                    stringx += " align=center> "+thismenu.caption+" </td>";

                                }

                          stringx += "";

                     }

                     stringx+="<td width=*> </td></tr></table>";

                    

                    

                     for(var x=0;x<mmenus.length;x++){

                          thismenu=mmenus[x];

                        if(x==0||x==4){

                        stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';

                        }else{

                        stringx+='<div id=mmenudiv'+x+

                        ' style="cursor:'+mcursor+';position:absolute;'+

                        'width:'+mmenuitemwidth+'px; z-index:'+(x+100);

                        if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                        stringx+=';border-left: 1px solid '+mmidoutcolor+

                        ';border-top: 1px solid '+mmidoutcolor;}

                        stringx+=';border-right: 1px solid '+mmenuinbordercolor+

                        ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+

                          '<table  width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+

                          'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;

                        if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                          stringx+=';border-right: 1px solid '+mmidincolor+

                          ';border-bottom: 1px solid '+mmidincolor;}

                          stringx+=';border-top: 1px solid '+mmenuoutbordercolor+

                          ';padding: 4px" bgcolor='+mmenucolor+'>\n'

                          for(var i=0;i<thismenu.items.length;i++){

                                 var thismenuitem=thismenu.items[i];

                                 var imgsize="";

                                  if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;

                                  var ifspace="";

                                  if(thismenu.caption!="")ifspace=" ";

                                 if(!thismenuitem.isline){

                                 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+

                                 "' width=100% height=15px onmouseover=\"mmenuitem_over("+x+","+i+

                                 ");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";

                           stringx += "mmenuitem_up();mexec("+x+","+i+"); ";

                           if(thismenuitem.pos=="0"){

                                      stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";      

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";      

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>"; 

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td></tr>";

                                    }

                           }else{

                                 stringx+='<tr><td height="1" background="hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';

                                 }

                          }stringx+='</table>\n</div>'

                          }

                         

                }

               

                     document.write("<div align='left'>"+stringx+"</div>");

}

 

 

mpmenu1=new mMenu('返回首页','#','self','','','','');

mpmenu2=new mMenu('网页制作','','self','','','','');

mpmenu2.addItem(new mMenuItem('人物图库','#','self',false,'','','','',''));

mpmenu2.addItem(new mMenuItem('风景图库','#','self',false,'','','','',''));

mpmenu2.addItem(new mMenuItem('花草图库','#','self',false,'','','','',''));

mpmenu2.addItem(new mMenuItem('其它图库','#','self',false,'','','','',''));

mpmenu3=new mMenu('网页素材','#','self','','','','');

mpmenu3.addItem(new mMenuItem('线条图库','#','self',false,'','','','',''));

mpmenu3.addItem(new mMenuItem('按钮图库','#','self',false,'','','','',''));

mpmenu3.addItem(new mMenuItem('其它图库','#','self',false,'','','','',''));

mpmenu4=new mMenu('网页学园','#','self','','','','');

mpmenu4.addItem(new mMenuItem('设计基础','#','self',false,'','','','',''));

mpmenu4.addItem(new mMenuItem('ASP文章','#','self',false,'','','','',''));

mpmenu4.addItem(new mMenuItem('PHP文章','#','self',false,'','','','',''));

mpmenu4.addItem(new mMenuItem('设计提高','#','self',false,'','','','',''));

mpmenu4=new mMenu('网页特效','#','self','','','','');

mwritetodocument();

</SCRIPT>

 

</body>

 

</html>

 

0 Comments

Sat

28

Feb

2009

46、XP风格的右键菜单

46XP风格的右键菜单

<html>

 

<head>

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

<title>网页特效--XP风格的右键菜单</title>

<STYLE>.menutable {

       BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #307ce8 1px solid; BORDER-LEFT: #307ce8 5px solid; BORDER-RIGHT: #307ce8 1px solid; BORDER-TOP: #94bcf3 1px solid; FONT-SIZE: 12px; POSITION: absolute; Z-INDEX: 100

}

.menutrin {

       BACKGROUND-COLOR: #1a71e6; COLOR: #ffffff; CURSOR: hand

}

.menutrout {

       COLOR: #000000; CURSOR: hand

}

.menutd0 {

       HEIGHT: 25px; TEXT-ALIGN: center; WIDTH: 28px; 改变这个修改菜单高度--->:

}

.menutd1 {

       FONT-FAMILY: Webdings; TEXT-ALIGN: right; WIDTH: 46px

}

.linktd1 {

       WIDTH: 46px

}

.menutd2 {

       WIDTH: 4px

}

.menuhr {

       BORDER-BOTTOM: #307ce8 1px inset; BORDER-LEFT: #307ce8 1px inset; BORDER-RIGHT: #307ce8 1px inset; BORDER-TOP: #307ce8 1px inset

}

</STYLE>

<BGSOUND id=theBS loop=0 src=""></HEAD>

<BODY bgColor=#eaf5fd style="FONT-SIZE: 10pt">

<SCRIPT><!----

 

/*-----------------------------------------------------------

鼠标右键菜单 1.0 Designed By Stroll  e-mail: csy-163@163.com

 

 

 

--------------------------------------------------------------*/

 

//---------------  有关数据 -----------------//

 

var IconList = new Array();   // icon图片 集合, 下标从 1 开始

 

       IconList[1] = new Image();

      

       IconList[1].src = "sto/1.gif";

      

       IconList[2] = new Image();

      

       IconList[2].src = "sto/2.gif";

 

       IconList[3] = new Image();

      

       IconList[3].src = "sto/3.gif"; 

      

       IconList[4] = new Image();

      

       IconList[4].src = "sto/4.gif"; 

 

 

 

 

 

 

//----------------  检测变量 菜单的显示隐藏就靠它了!!!  ------------------//   

 

var JustMenuID = "";

 

var SubMenuList = new Array();

 

var NowSubMenu = "";

 

var mouseCanSound = true;          //---------------------------  声音开关 ------  声音开关 ------------------//

 

var menuSpeed     =  50;   //---------- 菜单显示速度 ------------//

 

var alphaStep     =  30;   //---------- Alpaha 变化 -----------//

      

//------------- 构建 主菜单 对象 -------------//

 

function MouseMenu(objName)

{

       this.id           = "Menu_"+objName;

       this.obj          = objName;

       this.length  = 0;

      

      

       this.addMenu = addMenu;

       this.addLink = addLink;

       this.addHR   = addHR;      

      

       JustMenuID = this.id;

      

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

}

 

//----------- 构建 子菜单 对象 -------------//

 

function SubMenu(objName,objID)

{

       this.obj = objName;

       this.id  = objID;

 

       this.addMenu = addMenu;

       this.addLink = addLink;

       this.addHR   = addHR;

 

       this.length  = 0;

}

 

 

//-------------- 生成 菜单 makeMenu 方法 -----------//

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

{

       var thelink = '';

      

 

       if(icon&&icon!="")

       {

              icon = '<img border="0" src="'+IconList[icon].src+'">';

       }

       else

       {

              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);

 

       /*--------------------------------------------- 菜单html样式

      

          <tr class="menutrout" id="trMenu_one_0" title="I am title">

      <td class="menutd0"><img src="icon/sub.gif" border="0" width="16" height="16"></td>

      <td><a href="javascript:alert('I am menu');" target="_self"></a><nobr>菜单一</nobr></td>

      <td class="menutd1">4</td>

      <td class="menutd2">&nbsp;</td>

    </tr>

 

      

       --------------------------------------------------*/

      

       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" onmousedown=event.cancelBubble=true; onmouseup=event.cancelBubble=true></table>');

      

      

             

}

 

 

//---------------- 生成连接 makeLink 方法 ------------//

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

{

      

      

       var thelink = '';

      

       if(icon&&icon!="")

       {

              icon = '<img border="0" src="'+IconList[icon].src+'">';

       }

       else

       {

              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);

      

      

       /*--------------------------------------------- 连接html样式

      

          <tr class="menutrout" id="trMenu_one_0" title="I am title">

      <td class="menutd0"><img src="icon/sub.gif" border="0" width="16" height="16"></td>

      <td><a href="javascript:alert('I am link');" target="_self"></a><nobr>连接一</nobr></td>

      <td class="linktd1"></td>

      <td class="menutd2">&nbsp;</td>

    </tr>

 

      

       --------------------------------------------------*/    

      

       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 = " ";

             

       }    

 

}

 

 

//-------------- 菜单对象 addMenu 方法 ------------//

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++;

      

}

 

 

//------------- 菜单对象 addLink 方法 -------------//

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++;      

}

 

//------------ 菜单对象 addHR 方法 -----------------//

function addHR()

{

       var oldID = this.id;

 

       var Oobj = document.getElementById(oldID);

      

       Oobj.insertRow();

      

       /*------------------------------------------

      

         <tr>

      <td colspan="4">

              <hr class="menuhr" size="1" width="95%">

       </td>

    </tr>

      

       --------------------------------------------*/    

 

      

       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%">');             

       }    

      

}

 

 

 

 

 

 

//--------- MtrOver(obj)-------------------//

function MtrOver(obj)

{

       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;

 

              ShowTheMenu(sonid,MPreturn(sonid))             

             

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

             

              if(topobj.oldTR)

              {

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

              }

 

              obj.className = "menutrin";

 

              topobj.oldTR = obj.id;

             

 

       }

}

 

//--------- LtrOver(obj)-------------------//

function LtrOver(obj)

{

       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;

 

       }

}

 

//--------- LtrOut(obj)-------------------//

function LtrOut(obj)

{

       return sub_out;

      

       function sub_out()

       {

              var topobj = obj.parentElement.parentElement;

             

              obj.className = "menutrout";

             

              topobj.oldTR = false;

       }

}

 

//----------MtrClick(obj)-----------------//

 

function MtrClick(obj)

{

       return sub_click;

      

       function sub_click()

       {

              if(obj.cells(1).all.tags("A").length>0)

              {

                     obj.cells(1).all.tags("A")(0).click();

              }    

 

       }

}

 

 

//---------- returnIndex(str)--------------//

 

function returnIndex(str)

{

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

}

 

 

//---------ShowTheMenu(obj,num)-----------------//

 

function ShowTheMenu(obj,num)

{

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

      

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

      

       var obj = eval(obj);

      

       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;

              }    

       }

      

       obj.style.visibility  = "visible";  

      

       if(obj.alphaing)

       {

              clearInterval(obj.alphaing);

       }

      

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

}

 

//----------HideMenu(num)-------------------//

 

/*----------------------

var SubMenuList = new Array();

 

var NowSubMenu = "";

 

---------------------*/

 

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 = "";

}

 

 

 

 

//-----------MainMenuPosition return()------------//

 

function MMPreturn()

{

       var obj = eval(JustMenuID);

      

       var x = event.clientX;

       var y = event.clientY;

      

       var judgerX = x + obj.offsetWidth;

       var judgerY = y + obj.offsetHeight;

 

       var px = 0;

       var py = 0;

      

       if(judgerX>document.body.clientWidth)

       {

              px = 2;

       }

       if(judgerY>document.body.clientHeight)

       {

              py = 1;

       }

             

       return (px+py);

}

 

//-----------MenuPosition return(obj)--------------//

 

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);

}

 

//-----------mouseWave()-------------//

 

function mouseWave()

{

       if(mouseCanSound)

       {

              theBS.src= "sound/sound.wav";

       }    

}

 

//----------- menu_alpha_down -------//

 

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";

              }    

}

 

 

//------------ menu_alpha_up --------//

 

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;

              }    

}

 

 

//----------- IE ContextMenu -----------------//

 

function document.oncontextmenu()

{

       return false;

}

 

 

//----------- IE Mouseup ----------------//

 

function document.onmouseup()

{

       if(event.button==2)

       {

      

              HideMenu(0);

             

 

              var obj = eval(JustMenuID)

             

             

                     obj.style.visibility = "hidden";

                    

                    

                     if(obj.alphaing)

                     {

                            clearInterval(obj.alphaing);

                     }

                    

                     obj.filters.Alpha.Opacity = 0;

                    

                     var judger = MMPreturn()

                    

                     if(judger==0)

                     {

                            with(obj.style)

                            {

                                   pixelLeft = event.clientX + document.body.scrollLeft;

                                   pixelTop  = event.clientY + document.body.scrollTop;

                            }

                     }

                     if(judger==1)

                     {

                            with(obj.style)

                            {

                                   pixelLeft = event.clientX + document.body.scrollLeft;

                                   pixelTop  = event.clientY - obj.offsetHeight + document.body.scrollTop;

                            }

                     }

                     if(judger==2)

                     {

                            with(obj.style)

                            {

                                   pixelLeft = event.clientX - obj.offsetWidth + document.body.scrollLeft;

                                   pixelTop  = event.clientY + document.body.scrollTop;

                            }

                     }

                     if(judger==3)

                     {

                            with(obj.style)

                            {

                                   pixelLeft = event.clientX - obj.offsetWidth + document.body.scrollLeft;

                                   pixelTop  = event.clientY - obj.offsetHeight + document.body.scrollTop;

                            }

                     }

                    

                     mouseWave();

                                         

                     obj.style.visibility = "visible";

                    

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

 

             

             

       }

}

 

//---------- IE MouseDown --------------//

 

function document.onmousedown()

{

       if(event.button==1)

       {

              HideMenu();

             

              var obj = eval(JustMenuID)

             

              if(obj.alphaing)

              {

                     clearInterval(obj.alphaing);

              }

             

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

             

       }

}

//----->

 

</SCRIPT>

 

<SCRIPT>

       var one = new MouseMenu("one");

      

       one.addMenu("菜单一",1,"javascript:alert('I am menu');","_self","I am title");

              one[0].addLink("连接一",2,"javascript:open('http://www.7stk.com')")

                            one[0].addHR()

              one[0].addLink("连接二","","javascript:open('http://www.7stk.com')")    

              one[0].addMenu("菜单三");

                     one[0][one[0].length-1].addLink("连接一",1,"javascript:;")

              one[0].addLink("连接三","","javascript:open('http://www.7stk.com')")

                            one[0].addLink("连接四","","javascript:open('http://www.7stk.com')")

                                   one.addLink("连接二","","javascript:open('http://www.7stk.com')")

                                          one.addMenu("菜单二",3);

              one[2].addLink("连接一","","javascript:open('http://www.7stk.com')")

                     one.addHR();

       one.addLink("连接三,多长都可以",4,"javascript:open('http://www.7stk.com')")   

             

 

</SCRIPT>

 

<P><FONT color=#1a71e6>有声音的哦…… 可以关闭!设置 mouseCanSound = false;

就可以了</FONT></P></BODY></HTML>

 

0 Comments

Sat

28

Feb

2009

45、蓝色理想网站的菜单

45、蓝色理想网站的菜单

<html>

<head>

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

<title>网页特效--仿蓝色理想网站的导航菜单</title>

</head>

<style type="text/css">

#dNavBar{

background-color:#ffffff;

}

#dNavBar li{

list-style-type:none;

float:left;

width:84px;

height:28px;

line-height:28px;

font-size:12px;

color:#FFFFFF;

border:3px solid #ffffff;

background-color:#86C2FF;

text-align:center;

display:block;

cursor:pointer;

}

#subMenu{

background-color:#0000FF;

width:500px;

border-left:3px solid #ffffff;

border-right:3px solid #ffffff;

height:29px;

line-height:29px;

color:#FFFFFF;

font-size:12px;

padding-left:10px;

}

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

a:link {

color: #FFFFFF;

text-decoration: none;

}

a:hover{

color: #FFFFFF;

text-decoration: none;

}

a:visited{

color: #FFFFFF;

text-decoration: none;

}

</style>

<script language="javascript">

function ShowMenu()

{

var barCTT=document.getElementById("dNavBar")

var liArr=barCTT.getElementsByTagName("li")

var links=new Array()

links[0]="<a href='#'>当前位置:首页"

links[1]="<a href='#'>项目一</a> | <a href='#'>项目二</a> | <a href='#'>项目三</a> | <a href='#'>项目四</a>"

links[2]="<a href='#'>项目一</a> | <a href='#'>项目二</a> | <a href='#'>项目三</a>"

links[3]="<a href='#'>项目一</a> | <a href='#'>项目二</a> | <a href='#'>项目三</a> | <a href='#'>项目四</a> | <a href='#'>项目五</a>"

links[4]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

links[5]="<a href='#'>项目一</a> | <a href='#'>项目二</a> | <a href='#'>项目三</a>"

links[6]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

links[7]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

links[8]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

links[9]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

links[10]="<a href='#'>项目一</a>| <a href='#'>项目二</a>"

links[11]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

links[12]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"

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

{

liArr[i].onclick=function()

{

selectThis(this,liArr,links)

}

}

}

function selectThis(indexObj,allLi,infoArr)

{

var index=0;

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

{

allLi[i].style.border="3px solid #ffffff";

allLi[i].style.backgroundColor="#86C2FF";

allLi[i].style.height="28px";

if (indexObj==allLi[i])

{

index=i;

}

}

indexObj.style.borderBottom="0px solid #666688";

indexObj.style.backgroundColor="#0000FF";

indexObj.style.height="31px";

document.getElementById("subMenu").innerHTML=infoArr[index];

}

</script>

<body onLoad="ShowMenu()">

<div id="dNavBar" style="float:none; width:560px;"><li>首页</li><li>娱乐快报</li><li>音乐天地</li><li>极品FLASH</li>

</div>

<div id="subMenu">站务公告</div>

</body>

</html>

 

0 Comments

Sat

28

Feb

2009

44、模仿Flash效果的

44、模仿Flash效果的

<html>

 

<head>

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

<title>新建网页 1</title>

</head>

 

<style type="text/css">

<!--

a:link,a:visited { text-decoration: none; color: #666666 }

a:hover { text-decoration: underline }

#hor1 {

position:absolute;

left:320px;

top:20px;

width:220px;

height:20px;

z-index:1;

background-color: #999900;

}

#hor2 {

position:absolute;

left:320px;

top:40px;

width:220px;

height:20px;

z-index:2;

background-color: #FFCC00;

}

#hor3 {

position:absolute;

left:320px;

top:60px;

width:220px;

height:20px;

z-index:3;

background-color: #99CC00;

}

#board1 {

position:absolute;

left:320px;

top:40px;

width:220px;

height:120px;

z-index:-100;

background-color: #333333;

visibility: hidden;

}

body,td,th {

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

font-size: 12px;

color: #FFFFFF;

font-weight: bold;

}

body {

background-color: #666666;

}

#board2 {

position:absolute;

left:320px;

top:60px;

width:220px;

height:120px;

z-index:-90;

background-color: #333333;

visibility: hidden;

}

#board3 {

position:absolute;

width:220px;

height:120px;

z-index:-80;

left: 320px;

top: 80px;

background-color: #333333;

visibility: hidden;

}

#hor4 {

position:absolute;

left:320px;

top:80px;

width:220px;

height:20px;

z-index:4;

background-color: #99CCCC;

}

#board4 {

position:absolute;

left:320px;

top:100px;

width:220px;

height:120px;

z-index:-70;

background-color: #333333;

visibility: hidden;

}

 

-->

</style>

<script type="text/javascript">

lastNo=0

function re(menu_no){

if(lastNo!=menu_no){

cur=menu_no+1

lastNo=menu_no

rest()

}else{

cur=100

}

document.getElementById("board"+menu_no).style.visibility="visible"

}

function rest(){

for(i=1;i<=4;i++){

document.getElementById("hor"+i).style.top=20*i;

document.getElementById("board"+i).style.visibility="hidden"

}

menu_num=4;

act=1

height=120+20

speed=0;

posY=0;

}

function huke(){

if(act==1&&cur<100){

speed=(height-posY)*0.69+speed*0.6

posY+=speed

for(i=cur;i<=menu_num;i++){

document.getElementById("hor"+i).style.top=posY+(i-2)*20

}

if(Math.abs(height-posY)<0.5){

for(i=cur;i<=menu_num;i++){

document.getElementById("hor"+i).style.top=height+(i-2)*20

}

act=0

}

setTimeout("huke()",50)

}

}

 

</script>

</head>

<body>

<div id="hor1" onclick="re(1);huke()">菜单一:我的域名7stk.com</div>

<div id="hor2" onclick="re(2);huke()">菜单二:我的音乐</div>

<div id="hor3" onclick="re(3);huke()">菜单三:我的爱人</div>

<div id="hor4" onclick="re(4);huke()">菜单四:水月贪色</div>

<div id="board1"><a href="http://7stk.com" target="_blank"><font color="#FFFFFF">网页特效代码7stk:欢迎你的光临</font></a><p>

<a href="http://www.swufe.edu.cn/"><font color="#FFFFFF">我的人生</font></a></div>

 

<div id="board2"><a href="http://7stk.com" target="_blank"><font color="#FFFFFF">网页特效代码7stk.com:欢迎你的光临</font></a></div>

 

<div id="board3"><a href="http://7stk.com" target="_blank"><font color="#FFFFFF">网页特效代码7stk.com:欢迎你的光临</font></a></div>

 

<div id="board4">1.二十一世纪最缺的是什么?人才<br />

<a href="http://7stk.com" target="_blank"><font color="#FFFFFF">网页特效代码7stk.com:欢迎你的光临</font></a><p>

       <a href="http://www.swufe.edu.cn/"><font color="#FFFFFF">犯非法 </font></a></div>

 

 

</body>

 

</html>

 

 

 

0 Comments

Sat

28

Feb

2009

43、媲美Flash的导航

43、媲美Flash的导航

<html>

 

<head>

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

<title>网页特效代码--媲美FlashJS导航菜单</title>

<style type="text/css">

<!--

.w1 {

       width: 538px;

}

.w2 {

       width: 100px;

}

.ztd {

       color: #202020;

}

.bg22 {

       color: #858585;

       height: 29px;

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

       font-size: 12px;

}

.bg22 A{

       color: #858585;

}

.bg27 {

       text-align: right;

       height: 30px;

       width: 538px;

}

.ztd {

       color: #202020;

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

       font-size: 12px;

}

.zta {

       color: #449100;

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

       font-size: 12px;

}

.bg28 {

       text-align: center;

       height: 28px;

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

       font-size: 12px;

       color: #202020;

       background-color: #FAFAFA;

}

body {

       text-align: center;

}

a {

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

       font-size: 12px;

       text-decoration: none;

       color: #66614B;

}

a:link {

       text-decoration: none;

}

a:visited {

       text-decoration: none;

}

a:active {

       text-decoration: none;

}

a:hover {

       text-decoration: underline;

}

.ha {

       height: 8px;

}

.hb {

       height: 5px;

}

.img15 {

       background-image:  url(sto/200651105044727.GIF);

       background-repeat: repeat-x;

}

.qh {

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

       font-size: 12px;

       color: #3A3A3A;

       height: 28px;

       width: 533px;

}

.qhl {

       color: #3A3A3A;

       width: 235px;

       text-align: left;

}

.qhc {

       text-align: center;

       width: 60px;

}

.qhc a {

       color: #898989;

}

.qhr {

       color: #3A3A3A;

       text-align: right;

       width: 235px;

}

-->

</style>

<STYLE type=text/css>.table1 {

       BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM-COLOR: black; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BACKGROUND-COLOR: #666666; BORDER-BOTTOM-STYLE: solid

}

.alp {

       FILTER: Alpha(Opacity=0,FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=80, FinishY=80); BACKGROUND-COLOR: #99ccff

}

.maskl {

       OVERFLOW: hidden

}

.submenu {

       BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #ffffff 1px solid

}

</STYLE>

 

<SCRIPT>

function subClose1(){

       if(sub2.style.pixelLeft>-26){

              sub2.style.pixelLeft--;

              setTimeout("subClose1()",1);

              }else{

              sub2.style.pixelLeft=-26;

              subMenuShowing=false;

              hideM2();

              }

}

 

subMenuShowing=false;

function subMenu1(){

       var obj=event.srcElement;

       subMenuShowing=true;

       sub2out();      

}

 

function sub2out(){

       if(sub2.style.pixelLeft<2){

              sub2.style.pixelLeft++;

              setTimeout("sub2out()",1);

              }

}

 

curSelect=0;

function showMenu(mID){

       var oMenu=eval("menu"+mID);

       var oCircle=eval("sl"+mID);

       oMenu.style.pixelTop+=10;

       if(oMenu.style.pixelTop<oCircle.style.pixelTop+6) {

              oMenu.timeHandle=setTimeout("showMenu("+mID+")",1);

              }

              else oMenu.style.pixelTop=oCircle.style.pixelTop+6;

}

function hideMenu(mID){

       var oMenu=eval("menu"+mID);

       var oCircle=eval("sl"+mID);

       oMenu.style.pixelTop-=10;

       if(oMenu.style.pixelTop>-60) {

              oMenu.timeHandle=setTimeout("hideMenu("+mID+")",1);

              }

              else oMenu.style.pixelTop=-80;

}

 

function lightMv(){

       if(light.filters.Alpha.opacity<100) {

              light.filters.Alpha.opacity+=5;

              light.timeHandle=setTimeout("lightMv()",1);

              }    

}

 

function darkMv(){

       if(light.filters.Alpha.opacity>0) {

              light.filters.Alpha.opacity-=5;

              light.timeHandle=setTimeout("darkMv()",1);

              }    

}

 

 

function sfMv1(){

       sl1.style.pixelTop+=sl1.mvStep;

       if ((sl1.dx++)>20) {

              sl1.mvStep=-sl1.mvStep;

              sl1.dx=0;

              sl1.speed=parseInt(Math.random(1)*60+1)

              }

       sl1.timeHandle=setTimeout("sfMv1()",sl1.speed);

      

}

function sfMv2(){

       sl2.style.pixelTop+=sl2.mvStep;

       if ((sl2.dx++)>20) {

              sl2.mvStep=-sl2.mvStep;

              sl2.dx=0;

              sl2.speed=parseInt(Math.random(1)*60+1)

              }

       sl2.timeHandle=setTimeout("sfMv2()",sl2.speed);

      

}

function sfMv3(){

       sl3.style.pixelTop+=sl3.mvStep;

       if ((sl3.dx++)>20) {

              sl3.mvStep=-sl3.mvStep;

              sl3.dx=0;

              sl3.speed=parseInt(Math.random(1)*60+1)

              }

       sl3.timeHandle=setTimeout("sfMv3()",sl3.speed);

      

}

 

function sfMv4(){

       sl4.style.pixelTop+=sl4.mvStep;

       if ((sl4.dx++)>20) {

              sl4.mvStep=-sl4.mvStep;

              sl4.dx=0;

              sl4.speed=parseInt(Math.random(1)*60+1)

              }

       sl4.timeHandle=setTimeout("sfMv4()",sl4.speed);

      

}

function stopAllMv(){

       clearTimeout(sl1.timeHandle);

       clearTimeout(sl2.timeHandle);

       clearTimeout(sl3.timeHandle);

       clearTimeout(sl4.timeHandle);

}

function startAllMv(){

       clearTimeout(light.timeHandle);

       darkMv();

       sfMv1();

       sfMv2();

       sfMv3();

       sfMv4();

}

 

function showM1(){

       if(!subMenuShowing){

       stopAllMv();

       light.style.pixelTop=sl1.style.pixelTop-30;

       clearTimeout(light.timeHandle);

       clearTimeout(menu1.timeHandle);

       lightMv();

       showMenu(1);

       }

}

function showM2(){

       if(!subMenuShowing){

       stopAllMv();

       light.style.pixelTop=sl2.style.pixelTop-30;

       clearTimeout(light.timeHandle);

       clearTimeout(menu2.timeHandle);

       lightMv();

       showMenu(2);

       }

}

function showM3(){

if(!subMenuShowing){

       stopAllMv();

       light.style.pixelTop=sl3.style.pixelTop-30;

       clearTimeout(light.timeHandle);

       clearTimeout(menu3.timeHandle);      

       lightMv();

       showMenu(3);

       }

}

function showM4(){

       if(!subMenuShowing){

       stopAllMv();

       light.style.pixelTop=sl4.style.pixelTop-30;

       clearTimeout(light.timeHandle);

       clearTimeout(menu4.timeHandle);

       lightMv();

       showMenu(4);

       }

}

 

function hideM1(){

       if (!subMenuShowing){

       startAllMv();

       clearTimeout(menu1.timeHandle);

       hideMenu(1);

       }

}

function hideM2(){

       if (!subMenuShowing){

       startAllMv();

       clearTimeout(menu2.timeHandle);

       hideMenu(2);

       }

}

function hideM3(){

       if (!subMenuShowing){

       startAllMv();

       clearTimeout(menu3.timeHandle);

       hideMenu(3);

       }

}

function hideM4(){

       if (!subMenuShowing){

       startAllMv();

       clearTimeout(menu4.timeHandle);

       hideMenu(4);

       }

}

 

 

function init(){

       sl1.mvStep=1;

       sl1.dx=0;

       sl1.speed=50;

       sl2.mvStep=1;

       sl2.dx=0;

       sl2.speed=1;

       sl3.mvStep=1;

       sl3.dx=0;

       sl3.speed=10;

       sl4.mvStep=1;

       sl4.dx=0;

       sl4.speed=20;

       startAllMv();

}

 

</SCRIPT>

 

<META content="Microsoft FrontPage 6.0" name=GENERATOR></head>

 

<BODY text=#cccccc bgColor=#000000 leftMargin=0 topMargin=0 onload=init() marginheight="0" marginwidth="0"><DIV class=table1 id=Layer1

style="Z-INDEX: 3; LEFT: 50px; WIDTH: 26px; POSITION: absolute; TOP: 0px; HEIGHT: 100%">

<DIV id=sl1 onmouseover=showM1()

style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 40px; HEIGHT: 24px"

onmouseout=hideM1()><IMG height=24 src="sto/200651104740731.GIF" width=24></DIV>

<DIV id=sl2 onmouseover=showM2()

style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 140px; HEIGHT: 24px"

onclick=subMenu1() onmouseout=hideM2()><IMG height=24

src="sto/200651104740731.GIF" width=24></DIV>

<DIV id=sl3 onmouseover=showM3()

style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 240px; HEIGHT: 24px"

onmouseout=hideM3()><IMG height=24 src="sto/200651104740731.GIF" width=24></DIV>

<DIV id=sl4 onmouseover=showM4()

style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 340px; HEIGHT: 24px"

onmouseout=hideM4()><IMG height=24 src="sto/200651104740731.GIF" width=24></DIV>

<DIV class=alp id=light

style="Z-INDEX: 2; LEFT: -26px; WIDTH: 80px; POSITION: absolute; TOP: 0px; HEIGHT: 80px"></DIV></DIV>

<DIV

style="Z-INDEX: 2; LEFT: -60px; WIDTH: 30px; POSITION: absolute; TOP: 0px; HEIGHT: 100px">

<DIV id=menu1

style="Z-INDEX: 5; LEFT: 82px; WIDTH: 20px; POSITION: absolute; TOP: -80px; HEIGHT: 55px"><IMG

height=62 src="sto/200651105053281.GIF" width=24></DIV>

<DIV id=menu2

style="Z-INDEX: 5; LEFT: 82px; WIDTH: 23px; POSITION: absolute; TOP: -80px; HEIGHT: 75px"><IMG

height=77 src="sto/200651105059286.GIF" width=24></DIV>

<DIV id=menu3

style="Z-INDEX: 5; LEFT: 82px; WIDTH: 22px; POSITION: absolute; TOP: -80px; HEIGHT: 75px"><IMG

height=77 src="sto/20065110515713.GIF" width=24></DIV>

<DIV id=menu4

style="Z-INDEX: 5; LEFT: 82px; WIDTH: 23px; POSITION: absolute; TOP: -80px; HEIGHT: 77px"><IMG

height=77 src="sto/200651105110149.GIF" width=24></DIV></DIV>

<DIV class=maskl id=masksub

style="Z-INDEX: 4; LEFT: 80px; WIDTH: 32px; POSITION: absolute; TOP: 0px; HEIGHT: 100%">

<DIV id=sub2

style="Z-INDEX: 1; LEFT: -26px; WIDTH: 26px; POSITION: absolute; TOP: 137px; HEIGHT: 304px">

<TABLE class=submenu height="100%" cellSpacing=2 cellPadding=0 width="100%"

border=0>

  <TBODY>

  <TR>

    <TD bgColor=#666699> </TD></TR>

  <TR>

    <TD bgColor=#666699> </TD></TR>

  <TR>

    <TD bgColor=#666699> </TD></TR>

  <TR>

    <TD bgColor=#666699 height=147> </TD></TR>

  <TR>

    <TD onmouseover="this.bgColor='#9999cc'" onmouseout="this.bgColor='#666699'"

    bgColor=#666699 height=10>

      <DIV style="CURSOR: hand" onclick=subClose1() align=center><B><FONT

      color=#ffff00>B</FONT></B></DIV></TD></TR></TBODY></TABLE></DIV></DIV><center>

 

      

</center>

</body>

</html>

 

0 Comments

Sat

28

Feb

2009

42、左右交叉合并导航

42、左右交叉合并导航

<html>

 

<head>

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

<title>网页特效代码--左右交叉合并导航效果</title>

 

</head>

 

<BODY onload=initiate()>

 

<script>

 

<!-- Beginning of JavaScript -

 

// Edit your messages. You can add as many messages a you like.

 

var message = new Array()

 

message[0]="欢迎光临国内最大的新闻站点---新浪网!"

 

message[1]="欢迎光临国内最大的综合性站点---网易!"

 

message[2]="欢迎光临国内最大的搜索引擎站点---搜狐!"

 

message[3]="欢迎光临国内最大的游戏站点---第九城市!"

 

 

 

// The links of your messages. Be sure that you configure as many links as messages.

 

// If don't want to link your messages write '#' instead of an URL (see last sample).

 

var messageurl = new Array()

 

messageurl[0]="http://../www.sina.com.cn/default.htm"

 

messageurl[1]="http://../www.163.com/default.htm"

 

messageurl[2]="http://../www.sohu.com/default.htm"

 

messageurl[3]="http://../www.the9.com/default.htm"

 

 

 

 

 

var messagetarget=new Array()

 

messagetarget[0]="_blank"

 

messagetarget[1]="_blank"

 

messagetarget[2]="_blank"

 

messagetarget[3]="_blank"

 

// The width of your textbox (pixels).

 

// Be sure that 'textwidth' is slightly bigger than the 'width' configured inside the stylesheet

 

var textwidth=260

 

 

 

// The height of your textbox (pixels)

 

// Be sure that 'textheight' is slightly bigger than the 'height' configured inside the stylesheet

 

var textheight=75

 

 

 

// Final horizontal position of the textbox: distance to the left margin of the window (pixels)

 

// IMPORTANT:

 

// if you want to center the textbox in the middle of the browser-window then write -1.

 

// If you want to place the textbox on an absolute position

 

// then write the number (for instance 223).

 

var x_finalpos=-1

 

 

 

// Final vertical position of the textbox: distance to the top margin of the window

 

var y_finalpos=20

 

 

 

// Total number of textslices

 

var textslices=10

 

 

 

// Standstill of textbox (seconds)

 

var pausetext=5

 

 

 

// Speed of horizontal gliding

 

var step=10

 

var pause=40

 

 

 

// Do not edit the variables below this line

 

var x_rightspans=0

 

var x_leftspans=0

 

var marginright

 

var marginleft

 

var height_slice=Math.floor(textheight/textslices)

 

var cliptop=0

 

var clipbottom=cliptop+height_slice

 

var clipleft=0

 

var clipright=textwidth

 

var spannummer=0

 

var spannrbefore=0

 

var i_message=0

 

pausetext=pausetext*1000

 

 

 

function initiate() {

 

if (document.all) {

 

if (x_finalpos==-1) {

 

x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2)

 

}

 

changemessage()

 

}

 

}

 

 

 

function changemessage() {

 

for (i=0;i<=textslices-1;i++) {

 

var thisspan=eval("span"+i)

 

thisspan.innerHTML="<a href='"+messageurl[i_message]+"' target='blank'>"+message[i_message]+"</a>"

 

}

 

gostartposition()

 

}

 

 

 

function gostartposition() {

 

for (i=0;i<=textslices-1;i+=2) {

 

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

 

thisspan.posLeft=marginright

 

}

 

for (i=1;i<=textslices-1;i+=2) {

 

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

 

thisspan.posLeft=marginleft

 

}

 

moveslices_IE()

 

}

 

 

 

 

 

function moveslices_IE() {

 

if (x_rightspans==0 || x_leftspans==0) {

 

if (x_rightspans==0) {

 

for (i=0;i<=textslices-1;i+=2) {

 

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

 

thisspan.posLeft-=step

 

}

 

if (thisspan.posLeft<=x_finalpos) {

 

x_rightspans=1

 

for (i=0;i<=textslices-1;i+=2) {

 

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

 

thisspan.posLeft=x_finalpos

 

}

 

}

 

}

 

if (x_leftspans==0) {

 

for (i=1;i<=textslices-1;i+=2) {

 

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

 

thisspan.posLeft+=step

 

}

 

if (thisspan.posLeft>=x_finalpos) {

 

x_leftspans=1

 

for (i=1;i<=textslices-1;i+=2) {

 

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

 

thisspan.posLeft=x_finalpos

 

}

 

}

 

}

 

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

 

}

 

else {

 

clearTimeout(timer)

 

x_rightspans=0

 

x_leftspans=0

 

i_message++

 

if (i_message > message.length-1) {

 

i_message=0

 

}

 

var timer=setTimeout("changemessage()",pausetext)

 

}

 

}

 

 

 

// - End of JavaScript - -->

 

</script>

 

<style>

 

A {

 

color : red;

 

text-decoration : none

 

}

 

A:hover {

 

color : white;

 

text-decoration : none

 

}

 

.textbox {

 

font-size : 18;

 

font-family : Verdana;

 

font-style : normal;

 

color : red;

 

border-width : 4;

 

text-align : center;

 

background-color : blue;

 

border-style : solid;

 

padding : 5;

 

height : 65;

 

width : 250;

 

overflow : clip;

 

font-weight : bold;

 

}

 

</style>

 

<script>

 

<!-- Beginning of JavaScript -

 

// Do not edit this script-block

 

if (document.all) {

 

for (i=0;i<=textslices-1;i+=2) {

 

marginright=document.body.clientWidth+50

 

document.write("<span class='textbox' id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginright+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")

 

document.write("</span>")

 

cliptop+=2*height_slice

 

clipbottom+=2*height_slice

 

}

 

cliptop=height_slice

 

clipbottom=2*height_slice

 

for (i=1;i<=textslices-1;i+=2) {

 

marginleft=-textwidth-50

 

document.write("<span class='textbox' id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginleft+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")

 

document.write("</span>")

 

cliptop+=2*height_slice

 

clipbottom+=2*height_slice

 

}

 

}

 

// - End of JavaScript - -->

 

</script>

 

<div style="position: absolute; top: -25; left: 9; width: 717; height: 19">

 

</div></body>

 

</html>

 

0 Comments

Sat

28

Feb

2009

41、触发式 菜单代码特效

41、触发式 菜单代码特效

<html>

 

<head>

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

<title>网页特效代码---经典实用的触发型导航菜单</title>

 

</head>

 

<body>

 

<STYLE type=text/css>.sec1 {

       BORDER-RIGHT: gray 1px solid; BORDER-TOP:

 

#ffffff 1px solid; BORDER-LEFT: #ffffff 1px

 

solid; CURSOR: hand; COLOR: #000000; BORDER-

 

BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:

 

#eeeeee

}

.sec2 {

       BORDER-RIGHT: gray 1px solid; BORDER-TOP:

 

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

 

LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:

 

#000000; BACKGROUND-COLOR: #d4d0c8

}

.main_tab {

       BORDER-RIGHT: gray 1px solid; BORDER-

 

LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-

 

BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8

}

</STYLE>

<!--JavaScript部分-->

            <SCRIPT language=javascript>

     function secBoard(n)

  {

    for(i=0;i<secTable.cells.length;i++)

      secTable.cells

 

[i].className="sec1";

    secTable.cells[n].className="sec2";

    for(i=0;i<mainTable.tBodies.length;i++)

      mainTable.tBodies

 

[i].style.display="none";

    mainTable.tBodies

 

[n].style.display="block";

  }

      </SCRIPT>

<!--HTML部分-->

            <TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>

              <TBODY>

              <TR align=middle height=20>

                <TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>

                <TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>

                <TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>

                <TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE>

            <TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记-->

              <TBODY style="DISPLAY: block">

              <TR>

                <TD vAlign=top align=middle><BR><BR>

                  <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>

                    <TBODY>

                    <TR>

                      <TD>指定行做为表体。

 

<BR>注释:TBODY要素是块要素,并且需要结束标

 

签。<BR>   即使如果表格没有显式定义TBODY

 

要素,该要素也提供给所有表。<BR><BR>

 

参考:《动态HTML参考和开发应用大全》(人民邮电出

 

版社

                        Microsoft Corporation

                    北京华中兴业科技发展有限公司

 

译)

 

<BR><BR></TD></TR></TB

 

ODY></TABLE></TD></TR></T

 

BODY><!--关于cells集合-->

              <TBODY style="DISPLAY:

 

none">

              <TR>

                <TD vAlign=top

 

align=middle><BR><BR>

                  <TABLE cellSpacing=0

 

cellPadding=0 width=490 border=0>

                    <TBODY>

                    <TR>

                      <TD>检索表行或者整个

 

表中所有单元格的集合。<BR>应用于TRTABLE

 

<BR><BR>参考:《动态HTML参考和开发应

 

用大全》(人民邮电出版社

                        Microsoft Corporation

                    北京华中兴业科技发展有限公司

 

译)

 

<BR><BR></TD></TR></TB

 

ODY></TABLE></TD></TR></T

 

BODY><!--关于tBodies集合-->

              <TBODY style="DISPLAY:

 

none">

              <TR>

                <TD vAlign=top

 

align=middle><BR><BR>

                  <TABLE cellSpacing=0

 

cellPadding=0 width=490 border=0>

                    <TBODY>

                    <TR>

                      <TD>检索表中所有TBODY

 

对象的集合。对象在该集合中按照HTML源顺序排列。

 

<BR>应用于TABLE<BR><BR>参考:

 

《动态HTML参考和开发应用大全》(人民邮电出版社

                        Microsoft Corporation

                    北京华中兴业科技发展有限公司

 

译)

 

<BR><BR></TD></TR></TB

 

ODY></TABLE></TD></TR></T

 

BODY><!--关于display属性-->

              <TBODY style="DISPLAY:

 

none">

              <TR>

                <TD vAlign=top

 

align=middle><BR><BR>

                  <TABLE cellSpacing=0

 

cellPadding=0 width=490 border=0>

                    <TBODY>

                    <TR>

                      <TD>设置或者检索对象

 

是否被提供。<BR>可能的值为blocknone

 

inlinelist-itemtable-header-grouptable-

 

footer-group<BR>该特性可读写,块要素默认

 

值为block,内联要素默认值为inline;层叠样式表

 

CSS)属性不可继承。<BR><BR>参考:《

 

动态HTML参考和开发应用大全》(人民邮电出版社

                        Microsoft Corporation

 

北京华中兴业科技发展有限公司译)

 

<BR><BR><A

                       

 

href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp?frame=true"                        target=_blank>点击此处

</A>可参阅微软<A href="http://msdn.microsoft.com/" target=_blank>MSDN在线</A>上的解释。

             

 

</TD></TR></TBODY></TABLE>

 

;</TD></TR></TBODY></TABLE&g

 

t;</body>

 

</html>

 

0 Comments

Sat

28

Feb

2009

40、很实用的向下拉菜单

40、很实用的向下拉菜单

<html>

 

<head>

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

<title>网页特效代码--非常棒的绿色下拉透明菜单</title>

 

</head>

 

<body>

 

<script language="JavaScript">

var mmenus    = new Array();

var misShow   = new Boolean();

misShow=false;

var misdown   = new Boolean();

misdown=false;

var mnumberofsub=0;

var musestatus=false;

var mpopTimer = 0;

mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand';

var swipeSteps = 4;

var swipemsec = 25;

var swipeArray = new Array();