上一页  1   2    3     4     5     6   7    8       下一页

 

图像特效代码2

Thu

26

Feb

2009

60、随机图片多图片显示

60、随机图片多图片显示

脚本说明:

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

<TABLE BORDER=0 CELLPADDING=10 WIDTH=30% BGCOLOR=#FF9900>

<TR><TD ALIGN=center>

<SCRIPT LANGUAGE="JavaScript">

<!--

if(navigator.appName == "Microsoft Internet Explorer")

{function draw_Image() //draws an image randomly each time the page reloads

{idx = Math.round(Math.random()*6)+1; //generates a number between 1 to 16

document.write("<IMG SRC = 'image0415/" + idx + ".jpg'>");}

draw_Image(); //draw the image which is going to clone

function user_Input()

{//prompt for a number and convert the number to an integer,

//if it fails to convert nothing will happen

input = parseInt(prompt("How many copies would you like to make this image?",""));

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

{document.write("<IMG SRC= 'image0415/" + idx + ".jpg'>");}}}

else{window.alert("Sorry, this script requires Microsoft Internet Explorer. It doesn't work with Netscape Navigator or other browsers!");}

-->

</SCRIPT>

</TD></TR><TR><TD VALIGN=botttom ALIGN=center>

<FORM>

<INPUT TYPE=button VALUE=Clone onClick="user_Input();" STYLE="font-weight: bold; color: #FFFFFF; background-color: #0099FF"></FORM></TD></TR></TABLE>

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

if(navigator.appName == "Microsoft Internet Explorer")

{function catchKeyCode() //calls when the user press the RETURN key

{if(event.keyCode == 13) user_Input();}}

-->

</SCRIPT>

</TD></TR>

</TABLE>

 

0 Comments

Thu

26

Feb

2009

59、图片和链接变化

59、图片和链接变化

脚本说明:

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

<script language="JavaScript1.2">

///////configure the below four variables to change the style of the slider///////

//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!

var scrollerwidth='100px'

var scrollerheight='106px'

var scrollerbgcolor='white'

//3000 miliseconds=3 seconds

var pausebetweenimages=3000

 

//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag

var slideimages=new Array()

slideimages[0]='<a target="_blank" href="www.7stk.com"><img src="PE01805A.gif" border="0"></a>'

slideimages[1]='<a target="_blank" href="www.7stk.com/player/"><img src="PE01803A.gif" border="0"></a>'

slideimages[2]='<a target="_blank" href="http://www.haofa.net/"><img src="PE01805A.gif" border="0"></a>'

slideimages[3]='<a target="_blank" href="www.7stk.com/webtx/"><img src="PE02054A.gif" border="0"></a>'

slideimages[4]='<a target="_blank" href="http:///"><img src="cake.gif"  border="0"></a>'

//extend this list

///////Do not edit pass this line///////////////////////

var ie=document.all

var dom=document.getElementById

if (slideimages.length>1)

i=2

else

i=0

function move1(whichlayer){

tlayer=eval(whichlayer)

if (tlayer.left>0&&tlayer.left<=5){

tlayer.left=0

setTimeout("move1(tlayer)",pausebetweenimages)

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

return

}

if (tlayer.left>=tlayer.document.width*-1){

tlayer.left-=5

setTimeout("move1(tlayer)",50)

}

else{

tlayer.left=parseInt(scrollerwidth)+5

tlayer.document.write(slideimages[i])

tlayer.document.close()

if (i==slideimages.length-1)

i=0

else

i++

}

}

function move2(whichlayer){

tlayer2=eval(whichlayer)

if (tlayer2.left>0&&tlayer2.left<=5){

tlayer2.left=0

setTimeout("move2(tlayer2)",pausebetweenimages)

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

return

}

if (tlayer2.left>=tlayer2.document.width*-1){

tlayer2.left-=5

setTimeout("move2(tlayer2)",50)

}

else{

tlayer2.left=parseInt(scrollerwidth)+5

tlayer2.document.write(slideimages[i])

tlayer2.document.close()

if (i==slideimages.length-1)

i=0

else

i++

}

}

function move3(whichdiv){

tdiv=eval(whichdiv)

if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){

tdiv.style.left=0+"px"

setTimeout("move3(tdiv)",pausebetweenimages)

setTimeout("move4(scrollerdiv2)",pausebetweenimages)

return

}

if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){

tdiv.style.left=parseInt(tdiv.style.left)-5+"px"

setTimeout("move3(tdiv)",50)

}

else{

tdiv.style.left=scrollerwidth

tdiv.innerHTML=slideimages[i]

if (i==slideimages.length-1)

i=0

else

i++

}

}

function move4(whichdiv){

tdiv2=eval(whichdiv)

if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){

tdiv2.style.left=0+"px"

setTimeout("move4(tdiv2)",pausebetweenimages)

setTimeout("move3(scrollerdiv1)",pausebetweenimages)

return

}

if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){

tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"

setTimeout("move4(scrollerdiv2)",50)

}

else{

tdiv2.style.left=scrollerwidth

tdiv2.innerHTML=slideimages[i]

if (i==slideimages.length-1)

i=0

else

i++

}

}

function startscroll(){

if (ie||dom){

scrollerdiv1=ie? first2 : document.getElementById("first2")

scrollerdiv2=ie? second2 : document.getElementById("second2")

move3(scrollerdiv1)

scrollerdiv2.style.left=scrollerwidth

}

else if (document.layers){

document.main.visibility='show'

move1(document.main.document.first)

document.main.document.second.left=parseInt(scrollerwidth)+5

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

}

}

window.onload=startscroll

</script>

<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>

<layer id="first" left=1 top=0 width=&{scrollerwidth}; >

<script language="JavaScript1.2">

if (document.layers)

document.write(slideimages[0])

</script>

</layer>

<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>

<script language="JavaScript1.2">

if (document.layers)

document.write(slideimages[1])

</script>

</layer>

</ilayer>

<script language="JavaScript1.2">

if (ie||dom){

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

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

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

document.write(slideimages[0])

document.writeln('</div>')

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

document.write(slideimages[1])

document.writeln('</div>')

document.writeln('</div>')

document.writeln('</div>')

}

</script>

 

0 Comments

Thu

26

Feb

2009

58、图片一张张显示

58、图片一张张显示

脚本说明:

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

<style type="text/css">

<!--

 

td {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0;}

a {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0; text-decoration: none}

#btnStyle {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; background-color: #C0C020; border-top: 0px solid; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;}

 

//--></style>

<script language="JavaScript" type="text/JavaScript"><!--

 

 var img = new Array(10); //array to hold the images

 var start = null; //start pointer

 var counter = 1; //counts the image sequences

 var delayTime = null; //user defined

 

 

 if(document.images) //pre-load all the images

 {

   /* change the looping condition if you want

      to add or remove images. Do not load too

      many images, it will slow down the program's

      loading time [e.g. 30 or above images] */

 

   for(i = 1; i <= 10; i++)

   {

     img[i] = new Image();

     img[i].src = "20030519/pic" + i + ".jpg";

   }

 }

 

 

 //function for getting the user defined delay time

 function getDelayTime(dlTime)

 {

   var temp = parseInt(dlTime);

   if(temp != NaN)

    delayTime = temp * 1000;

 

   else

    delayTime = 4000;

 }

 

 

 //function for changing the images

 function anim()

 {

   counter++;

   document.images[0].src = img[counter].src;

 

   if(counter == 10)

    counter = 0; //sets the counter value to 0

 }

 

 

 //function for starting the slide show

 function slide()

 {

   getDelayTime(document.form1.delay.value);

 

   with(document.form1)

   {

     start = setInterval("anim()", delayTime);

     stShow.disabled = true;

     spShow.disabled = false;

   }

 }

 

 

 //function to stop the slide show

 function stopSlide()

 {

   clearInterval(start);

   document.form1.stShow.disabled = false;

   document.form1.spShow.disabled = true;

 }

 

 

//--></script>

<table align=center border=0 cellspacing=0 cellpadding=4 bgcolor=#000000>

<tr><td valign=top align=center>

<img src="20030519/pic1.jpg" border=0 width=400 height=300><br>

<form name="form1">

请输入图片显示间隔时间:

<input type=text size=2 value="4" name=delay><br>

 

<input type=button value="Start Show" name=stShow onClick="slide();" id=btnStyle>

<input type=button value="Stop Show" name=spShow onClick="stopSlide();" id=btnStyle DISABLED><br>

</form>

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

 

0 Comments

Thu

26

Feb

2009

57、banner变换导航

57banner变换导航

脚本说明:

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

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

<!--

 

var urlArray = new Array(3); //for URL's, increase size as necessary

var banArray = new Array(3); //for banners, increase size as necessary

var counter = 1;

var url = "www.7stk.com"; //initial URL

 

//add your necessary URL's

urlArray[0] = "www.7stk.com/player/";

urlArray[1] = "http://www/";

urlArray[2] = "www.7stk.com/webtx/";

 

if(document.images) //pre-load all banner images

{

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

  {

    banArray[i] = new Image(468, 60);

    banArray[i].src = "banner0714/banner" + (i+1) + ".jpg";

  }

}

 

 

function changeBanner() //banner changer function

{

  if(counter > 2)

   counter = 0;

 

  document.banner.src = banArray[counter].src; //sets a new banner

 

  url = urlArray[counter]; //sets a new URL to the banner

  counter++; //increase the counter for the next banner

}

 

//calls the changeBanner() function every 3 seconds

//change the timer as necessary (minutes * 60000) or (seconds * 1000)

var timer = window.setInterval("changeBanner()", 3000);

 

//-->

</script>

<a href="#" onClick="window.open(url,'BannerWin');"><img src="banner0714/banner1.jpg" width=468 height=60 border=0 name="banner"></a>

 

 

0 Comments

Thu

26

Feb

2009

56、链接使图片变换

56、链接使图片变换

脚本说明:

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

<SCRIPT language=JavaScript>

function imgchg(num,status,thisimg){

       myimg=new Image()

       myimg.src="http://image2.sina.com.cn/ty/nike//nid0"+num+"_"+status+".gif"

       eval(thisimg+".src='"+myimg.src+"'")

}

 

function newsPicItem(pic,text,link){

       this.pic=pic;

       this.text=text;

       this.link=link;

}

 

var npnum=1;

function newsPicChg(thisimg){

       myimg=new Image()

       myimg.src=newPic[npnum].pic

       eval(thisimg+".src='"+myimg.src+"'")

       textDiv=document.getElementById('newstext')

       textDiv.innerHTML="<a href="+newPic[npnum].link+" class=a01 target=_blank>"+newPic[npnum].text+"</a>"

       document.getElementById('focuslink').href=newPic[npnum].link

       npnum = (npnum+1) % newPic.length

}

</SCRIPT>

 

 

 

<SCRIPT language=JavaScript>

       newPic=new Array()

 

       newPic[0]=new newsPicItem('071501/1_6-103-2217_2003062532925.jpg', '温网第二日 “小库娃”击败“美国库娃”', 'http://7stk.com')

       newPic[1]=new newsPicItem('071501/1_6-103-2220_20030624182443.jpg', '联合会杯巴西出局 小罗鲁斯图斗殴添新仇', 'http://www.sina.com.cn')

 

</SCRIPt>

 

 

      <TABLE cellSpacing=0 cellPadding=0 width=281 border=0>

        <TBODY>

        <TR>

          <TD align=middle width=259          height=173>

            <SCRIPT language=JavaScript>

              document.write("<a href="+newPic[0].link+" id=focuslink target=_blank><img src="+newPic[0].pic+" name=newspic width=235 height=149 border=0><br>")

       </SCRIPT>

          </TD>

         <TD vAlign=bottom width=22><A

            onmousedown='imgchg(1,"down","document.dbn1")'

            onmouseover='imgchg(1,"on","document.dbn1")'

            onmouseout='imgchg(1,"off","document.dbn1")'

            href="javascript:newsPicChg('document.newspic')"><IMG height=26

            src="071501/nid01_down.gif" width=8 border=0

            name=dbn1></A></TD></TR></TBODY></TABLE>

      <TABLE cellSpacing=0 cellPadding=0 width=281 border=0>

        <TBODY>

        <TR>

          <TD width=12 bgColor=#ffffff height=27></TD>

          <TD width=10></TD>

          <TD align=middle width=232>

            <DIV id=newstext align=center>

            <SCRIPT language=JavaScript>

              document.write("<a href="+newPic[0].link+" class=a01 target=_blank>"+newPic[0].text+"</a>")

       </SCRIPT>

            </DIV></TD></TR></TBODY></TABLE>

 

0 Comments

Thu

26

Feb

2009

55、鼠标使图片抖动

55、鼠标使图片抖动

脚本说明:

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

<style>

<!--

 

.mouseBeOffMe {

border-top:    10px  solid #000000;

border-bottom: 10px  solid #000000;

border-left:   6px   solid #000000;

border-right:  10px  solid #000000;

}

 

.mouseBeOnMe {

border-top:    6px   solid #000000;

border-bottom: 14px  solid #000000;

border-left:   10px  solid #000000;

border-right:  6px   solid #000000;

}

 

.mouseBeDown {

border-top:    13px  solid #000000;

border-bottom: 7px   solid #000000;

border-left:   10px  solid #000000;

border-right:  6px   solid #000000;

}

 

.mouseBeUp {

border-top:    10px  solid #000000;

border-bottom: 10px  solid #000000;

border-left:   10px  solid #000000;

border-right:  6px   solid #000000;

}

 

//-->

</style>

<table border="0" cellpadding="7" cellspacing="0" bgcolor="#000000">

          <tr>

          <td bgcolor="#000000">

<img src    = "slideshow1_1.jpg"

title       = "This is the Image One Label"

width       = "90"

height      = "90"

border      = "0"

class       = "mouseBeOffMe"

onmouseover = "this.className='mouseBeOnMe'"

onmousedown = "this.className='mouseBeDown'"

onmouseup   = "this.className='mouseBeUp'"

onmouseout  = "this.className='mouseBeOffMe'">

 

<img src    = "slideshow1_2.jpg"

title       = "This is the Image Two Label"

width       = "90"

height      = "90"

border      = "0"

class       = "mouseBeOffMe"

onmouseover = "this.className='mouseBeOnMe'"

onmousedown = "this.className='mouseBeDown'"

onmouseup   = "this.className='mouseBeUp'"

onmouseout  = "this.className='mouseBeOffMe'">

 

<img src    = "slideshow1_3.jpg"

title       = "This is the Image Three Label"

width       = "90"

height      = "90"

border      = "0"

class       = "mouseBeOffMe"

onmouseover = "this.className='mouseBeOnMe'"

onmousedown = "this.className='mouseBeDown'"

onmouseup   = "this.className='mouseBeUp'"

onmouseout  = "this.className='mouseBeOffMe'">

          </td>

          </tr>

          <tr>

          <td bgcolor="#141414" align="center">

<font color="#EFE7DF" size="2" face="Arial">鼠标移动到图片上时图片会闪动<br>

点住鼠标左键后图片也会闪动<br>

松开鼠标左键后图片会恢复正常<br>

          </td>

          </tr>

          </table>

 

0 Comments

Thu

26

Feb

2009

54、图片集旋转显示

54、图片集旋转显示

脚本说明:

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

<script type="text/javascript">

// 7 variables to control behavior

       var Car_Image_Width=140;

       var Car_Image_Height=225;

       var Car_Border=true;            // true or false

       var Car_Border_Color="white";

       var Car_Speed=4;

       var Car_Direction=true;        // true or false

       var Car_NoOfSides=8;          // must be 4, 6, 8 or 12

 

/* array to specify images and optional links.

       For 4 sided carousel specify at least 2 images

       For 6 sided carousel specify at least 3

       For 8 sided carousel specify at least 4

       For 12 sided carousel specify at least 6

 If Link is not needed keep it ""

*/

       Car_Image_Sources=new Array(

              "200310171/photo1.jpg","www.7stk.com",

              "200310171/photo2.jpg","www.7stk.com",

              "200310171/photo3.jpg","", //this slide isn't linked

              "200310171/photo4.jpg","http://www.haof.net" // NOTE No comma after last line

              );

 

/***************** DO NOT EDIT BELOW **********************************/

       CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);

       C_Coef=new Array(

              3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,      0,

              Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);

       var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;

       C_Pre_Img=new Array(Car_Image_Sources.length);

       var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,

       C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

 

       function Carousel(){

              if(document.getElementById){

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

                            C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}

                     C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;

                     Car_Div=document.getElementById("Carousel");

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

                            CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);    

                            CW_I[i].style.position="absolute";

                            CW_I[i].style.top=0+"px";

                            CW_I[i].style.height=Car_Image_Height+"px";

                            if(Car_Border){

                                   CW_I[i].style.borderStyle="solid";

                                   CW_I[i].style.borderWidth=1+"px";

                                   CW_I[i].style.borderColor=Car_Border_Color}

                            CW_I[i].src=Car_Image_Sources[2*i];

                            CW_I[i].lnk=Car_Image_Sources[2*i+1];

                            CW_I[i].onclick=C_LdLnk;

                            CW_I[i].onmouseover=C_Stp;

                            CW_I[i].onmouseout=C_Rstrt}

                     CarImages()}}

 

       function CarImages(){

              if(!C_Stppd){

                     C_TotalW=0;

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

                            C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);

                            C_TotalW+=C_ClcW[i]}

                     C_LeftOffset=(C_MaxW-C_TotalW)/2;

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

                            CW_I[i].style.left=C_LeftOffset+"px";

                            CW_I[i].style.width=C_ClcW[i]+"px";

                            C_LeftOffset+=C_ClcW[i]}

                     C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);

                     if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){

                            if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;

                            if(Car_Direction){

                                   CW_I[C_HalfNo]=CW_I[0];

                                   for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];

                                   CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];

                                   CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}

                            else{       for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];

                                   CW_I[0]=CW_I[C_HalfNo];

                                   CW_I[0].src=Car_Image_Sources[C_CrImg];

                                   CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}

                            C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}

              setTimeout("CarImages()",50)}

 

       function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}

       function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}

       function C_Rstrt(){C_Stppd=false}

</script>

<div id="Carousel" style="position:relative">

   <img src="200310171/placeholder.gif" width="371" height="225">

 

 

 

第二步:把<body>中的内容改为:

<body onload="Carousel()">

 

0 Comments

Thu

26

Feb

2009

53、flash幻灯片图片代码

53flash幻灯片图片代码

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

 

0 Comments

Thu

26

Feb

2009

52、满屏跳动的图像

52、满屏跳动的图像

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

 

<script>

var brOK=false;

var mie=false;

var aver=parseInt(navigator.appVersion.substring(0,1));

var aname=navigator.appName;

var mystop=0;

var step=0.2;

 

function checkbrOK()

{if(aname.indexOf("Internet Explorer")!=-1)

{if(aver>=4) brOK=navigator.javaEnabled();

mie=true;

}

if(aname.indexOf("Netscape")!=-1) 

{if(aver>=4) brOK=navigator.javaEnabled();}

}

var vmin=1.5;

var vmax=3;

var vr=2;

var timer1;

 

 

function Chip(chipname,width,height)

{this.named=chipname;

this.vx=vmin+vmin;

this.vy=0;

this.w=width;

this.h=height;

this.xx=0;

this.yy=0;

this.timer1=null;

}

 

function movechip(chipname)

{

if(brOK && mystop==0)

{eval("chip="+chipname);

if(!mie)

{pageX=window.pageXOffset;

pageW=window.innerWidth;

pageY=window.pageYOffset;

pageH=window.innerHeight;

}

else

{

pageX=window.document.body.scrollLeft;

pageW=window.document.body.offsetWidth-8;

pageY=window.document.body.scrollTop;

pageH=window.document.body.offsetHeight+15;

}

chip.xx=chip.xx+chip.vx;

chip.vy=chip.vy+step;

chip.yy=chip.yy+chip.vy;

 

 

 

if(chip.xx<=pageX)

{chip.xx=pageX;

chip.vx=vmin;

}

if(chip.xx>=pageX+pageW-85)

{

chip.xx=pageX;

chip.vx=vmin;

chip.yy=pageY;

chip.vy=vmin+vmax;

}

 

if(chip.yy>(pageY+pageH-chip.h))

{

chip.yy=pageY+pageH-chip.h;

chip.vy=-chip.vy*0.65;

}

 

if(!mie)

{eval('document.'+chip.named+'.top ='+chip.yy);

eval('document.'+chip.named+'.left='+chip.xx);

}

else

{eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);

eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);

}

    chip.timer1=setTimeout("movechip('"+chip.named+"')",20);

}

}

 

function stopme(flag)

{

brOk=true;

mystop=flag;

movechip("tome");

}

 

var tome;

var chip;

function tome()

{checkbrOK();

tome=new Chip("tome",80,80);

if(brOK && mystop==0)

{

movechip("tome");

}

}

 

ns4=(document.layers)?true:false;

ie4=(document.all)?true:false;

 

function cncover()

{

if(ns4){

    document.cnc.left=window.innerWidth/2-400;

    eval('document.cnc.top=document.'+chip.named+'.top');

    document.cnc.visibility="show";

    stopme(1);

    mytime=setTimeout("cncout()",3000);

    }else if(ie4)

    {

    document.all.cnc.style.left=window.document.body.offsetWidth/2-400;

    document.all.cnc.style.top=parseInt(document.all.tome.style.top);

    document.all.cnc.style.visibility="visible";

    stopme(1);

    mytime=setTimeout("cncout()",3000);

    }

}

 

function cncout()

{

clearTimeout(mytime);

if(ns4){

    document.cnc.visibility="hide";

    stopme(0);

    }else if(ie4)

    {

    document.all.cnc.style.visibility="hidden";

    stopme(0);

    }

   

}onload=tome;

</script>

<div id="tome" style="position:absolute;"><a href=# onMouseOver=cncover() onMouseOut=cncout() target="_blank"><img src=sto/1602.gif border=0></a></div>

<div id="cnc" style="position:absolute; left:0;top:0;;visibility:hidden;"><a href=http://7stk.com/ onMouseOver=cncover() onMouseOut=cncout() target=_blank><img border=0 src=sto/1004.jpg></a></div>

 

 

 

   图像代码

        

 

0 Comments

Thu

26

Feb

2009

51、网页飞花的特效

51、网页飞花的特效

<SCRIPT language=JavaScript>

 

 

//设置marquee的宽度(in pixels) 

var marqueewidth=190

//设置marquee的高度 

var marqueeheight=200

//设置marquee的速度 

var speed=1

//设置marquee的显示内容 

var marqueecontents= 

 

ef="<center><p>加如文章的内容</center>"

 

if (document.all) 

document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>') 

 

 function regenerate(){ 

window.location.reload() 

} 

function regenerate2(){ 

if (document.layers){ 

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

intializemarquee() 

} 

} 

 

function intializemarquee(){ 

document.cmarquee01.document.cmarquee02.document.write(marqueecontents) 

document.cmarquee01.document.cmarquee02.document.close() 

thelength=document.cmarquee01.document.cmarquee02.document.height 

scrollit() 

} 

 

function scrollit(){ 

if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){ 

document.cmarquee01.document.cmarquee02.top-=speed 

setTimeout("scrollit()",100) 

} 

else{ 

document.cmarquee01.document.cmarquee02.top=marqueeheight 

scrollit() 

} 

} 

 

window.onload=regenerate2 

</SCRIPT>

 

<script language="JavaScript1.2"><!-- Begin

var no = 20; // snow number

var speed = 10; // smaller number moves the snow faster

var snowflake = "sto/snow.gif";

 

var ns4up = (document.layers) ? 1 : 0;  // browser sniffer

var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp;    // coordinate and position variables

var am, stx, sty;  // amplitude and step variables

var i, doc_width = 800, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

} else if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

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

dx[i] = 0;                        // set coordinate variables

xp[i] = Math.random()*(doc_width-50);  // set position variables

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20;         // set amplitude variables

stx[i] = 0.02 + Math.random()/10; // set step variables

sty[i] = 0.7 + Math.random();     // set step variables

if (ns4up) {                      // set layers

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snowflake + "\" border=\"0\"></layer>");

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snowflake + "\" border=\"0\"></layer>");

   }

} else if (ie4up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>");

      }

   }

}

function snowNS() {  // Netscape main animation function

for (i = 0; i < no; ++ i) {  // iterate for every dot

yp[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

dx[i] += stx[i];

document.layers["dot"+i].top = yp[i];

document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowNS()", speed);

}

 

function snowIE() {  // IE main animation function

for (i = 0; i < no; ++ i) {  // iterate for every dot

yp[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx[i] += stx[i];

document.all["dot"+i].style.pixelTop = yp[i];

document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowIE()", speed);

}

if (ns4up) {

snowNS();

} else if (ie4up) {

snowIE();

}

// End -->

</script>

 

 

0 Comments

Thu

26

Feb

2009

48、超炫的图片转换效果

48、超炫的图片转换效果

<script language="JavaScript1.1">

<!--

var slidespeed=2000

var slideimages=new Array("sto/1004.jpg","sto/007.jpg","sto/002.jpg","sto/005.jpg")

var slidelinks=new Array("")

 

var imageholder=new Array()

var ie55=window.createPopup

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

imageholder[i]=new Image()

imageholder[i].src=slideimages[i]

}

 

function gotoshow(){

window.location=slidelinks[whichlink]

}

//-->

</script>

<a href="index/jiaoyou.htm" onclick="return Listen(this.href);">

<img src="1.jpg" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>

<script language="JavaScript1.1">

<!--

var whichlink=0

var whichimage=0

var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0

function slideit(){

if (!document.images) return

if (ie55) document.images.slide.filters[0].apply()

document.images.slide.src=imageholder[whichimage].src

if (ie55) document.images.slide.filters[0].play()

whichlink=whichimage

whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0

setTimeout("slideit()",slidespeed+pixeldelay)

}

slideit()

//-->

</script>

 

 

0 Comments

Thu

26

Feb

2009

47、另一图片的切换效果

47、另一图片的切换效果

<html>

 

<head>

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

<title>网页特效- 另一款图片的切换效果</title>

</head>

 

<body>

 

<SCRIPT>

// the name of your first picture-file

var picture1="images/love.gif"

 

// the name of your second picture-file

var picture2="images/k0212.gif"

 

// the name of your second picture-file

var picture3="images/PHOT046.JPG"

 

// the width and height of your pictures (pixels)

var picturewidth=140

var pictureheight=105

 

</SCRIPT>

 

      <SCRIPT>

         if (document.all) {

document.write('<OBJECT ID="DAControl_Wipe" ')

document.write('STYLE="width:'+picturewidth+';height:'+pictureheight+'"')

document.write('CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">')

document.write('</OBJECT>')

m = DAControl_Wipe.MeterLibrary;

 

whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe");

 

whatPictures = new Array();     

whatPictures[0] = m.ImportImage(picture1);

whatPictures[1] = m.ImportImage(picture2);

 

forward = m.Interpolate(0, 1, 3);

back = m.Interpolate(1, 0, 2);

whatMovement = m.Sequence(forward, back).RepeatForever();

 

whatTransformation.GradientSize = 1.0;

whatTransformation.WipeStyle = 0;

 

theResult = m.ApplyDXTransform( whatTransformation, whatPictures, whatMovement );

 

DAControl_Wipe.Image = theResult.OutputBvr;

DAControl_Wipe.Start();

 

}

         </SCRIPT>

 

</body>

 

</html>

 

0 Comments

Thu

26

Feb

2009

46、图片的花瓣显示

46、图片的花瓣显示

<html>

 

<head>

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

<title>网页特效图片的花瓣显示</title>

</head>

 

<body>

 

<SCRIPT language=JavaScript>

<!--

var num = 20

function chFilter() {

if(num > 2) {

num -= 1

img_160x800.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"

setTimeout("chFilter()",5)

}

else {

img_160x800.style.filter = ""

}

}

//-->

</SCRIPT>

<IMG id=img_160x800  style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden"

       src="images/PHOT046.JPG"  onload="img_160x800.style.visibility='visible';chFilter()" border=0>

 

刷新看看

</body>

 

</html>

 

0 Comments

Thu

26

Feb

2009

45、图片循环滚动的导航

45、图片循环滚动的导航

<html>

 

<head>

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

<title>网页特效-- 图片上下循环滚动的公告导航</title>

</head>

 

<body>

 

<script language="JavaScript1.2">

<!--

/*设置下面的参数。 设置scrollerwidthscrollerheight参数,设置成滚动显示的图片中尺寸最大的。*/

var scrollerwidth=400

var scrollerheight=66

var scrollerbgcolor='white'

//修改下面的每个图间暂停时间,本例为3秒。

var pausebetweensto=3000

//改变下面的图像地址,如果希望logo都是带连接的,只要将#改为相应的链接地址。

var slidesto=new Array()

slidesto[0]='<a href=#><img src="sto/001.JPG" border=0"></a>'

slidesto[1]='<a href=#><img src="sto/01.gif" border=0"></a>'

slidesto[2]='<a href=#><img src="sto/02.gif" border=0"></a>'

slidesto[3]='<a href=#><img src="sto/03.gif" border=0"></a>'

 

//////下面的行不要编辑///////////////////////

if (slidesto.length>1)

i=2

else

i=0

function move1(whichlayer){

tlayer=eval(whichlayer)

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

tlayer.top=0

setTimeout("move1(tlayer)",pausebetweensto)

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

return

}

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

tlayer.top-=5

setTimeout("move1(tlayer)",100)

}

else{

tlayer.top=scrollerheight

tlayer.document.write(slidesto[i])

tlayer.document.close()

if (i==slidesto.length-1)

i=0

else

i++

}}

function move2(whichlayer){

tlayer2=eval(whichlayer)

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

tlayer2.top=0

setTimeout("move2(tlayer2)",pausebetweensto)

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

return

}

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

tlayer2.top-=5

setTimeout("move2(tlayer2)",100)

}

else{

tlayer2.top=scrollerheight

tlayer2.document.write(slidesto[i])

tlayer2.document.close()

if (i==slidesto.length-1)

i=0

else

i++

}}

function move3(whichdiv){

tdiv=eval(whichdiv)

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

tdiv.style.pixelTop=0

setTimeout("move3(tdiv)",pausebetweensto)

setTimeout("move4(second2)",pausebetweensto)

return

}

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

tdiv.style.pixelTop-=5

setTimeout("move3(tdiv)",100)

}

else{

tdiv.style.pixelTop=scrollerheight

tdiv.innerHTML=slidesto[i]

if (i==slidesto.length-1)

i=0

else

i++

}

}

function move4(whichdiv){

tdiv2=eval(whichdiv)

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

tdiv2.style.pixelTop=0

setTimeout("move4(tdiv2)",pausebetweensto)

setTimeout("move3(first2)",pausebetweensto)

return

}

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

tdiv2.style.pixelTop-=5

setTimeout("move4(second2)",100)

}

else{

tdiv2.style.pixelTop=scrollerheight

tdiv2.innerHTML=slidesto[i]

if (i==slidesto.length-1)

i=0

else

i++

}}

function startscroll(){

if (document.all){

move3(first2)

second2.style.top=scrollerheight

}

else if (document.layers){

move1(document.main.document.first)

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

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

}}

window.onload=startscroll

//-->

</script>

<ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};">

<layer id="first" left="0" top="1" width="&{scrollerwidth};">

<script language="JavaScript1.2">

if (document.layers)

document.write(slidesto[0])

</script>

</layer>

<layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide">

<script

language="JavaScript1.2">

if (document.layers)

document.write(slidesto[1])

</script>

</layer>

</ilayer>

 

 

<p><script language="JavaScript1.2">

<!--

if (document.all){

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

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

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

document.write(slidesto[0])

document.writeln('</div>')

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

document.write(slidesto[1])

document.writeln('</div>')

document.writeln('</div>')

document.writeln('</span>')

}

//--></script>

 

</body>

 

</html>

 

0 Comments

Thu

26

Feb

2009

44、多变的图片 导航代码

44、多变的图片 导航代码

<html>

 

<head>

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

<title>网页特效-- 形式多变的图片导航</title>

</head>

 

<body>

 

<script language=JavaScript>

<!-- // BannerAD

 

var bannerAD=new Array();

var bannerADlink=new Array();

var adNum=0;

//修改下面的图片地址和相应的链接地址

bannerAD[0]="sto/01.gif";

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

bannerAD[1]="sto/02.gif";

bannerADlink[1]="#";

bannerAD[2]="sto/03.gif";

bannerADlink[2]="#";

bannerAD[3]="sto/04.gif";

bannerADlink[3]="#";

bannerAD[4]="sto/01.gif";

bannerADlink[4]="#";

bannerAD[5]="sto/02.gif";

bannerADlink[5]="#";

 

var preloadedimages=new Array();

for (i=1;i<bannerAD.length;i++){

preloadedimages[i]=new Image();

preloadedimages[i].src=bannerAD[i];

}

 

function setTransition(){

if (document.all){

bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);

bannerADrotator.filters.revealTrans.apply();

}

}

 

function playTransition(){

if (document.all)

bannerADrotator.filters.revealTrans.play()

}

 

function nextAd(){

if(adNum<bannerAD.length-1)adNum++ ;

else adNum=0;

setTransition();

document.images.bannerADrotator.src=bannerAD[adNum];

playTransition();

theTimer=setTimeout("nextAd()", 5000);

}

 

function jump2url(){

jumpUrl=bannerADlink[adNum];

jumpTarget='_blank';

if (jumpUrl != ''){

if (jumpTarget != '')window.open(jumpUrl,jumpTarget);

else location.href=jumpUrl;

}

}

function displayStatusMsg() {

status=bannerADlink[adNum];

document.returnValue = true;

}

 

//-->

</script>

 

<A onmouseover="displayStatusMsg();return document.returnValue"

href="javascript:jump2url()"><IMG

style="FILTER: revealTrans(duration=2,transition=20)" height=66

src="sto/01.gif" width=400 border=1

name=bannerADrotator>

</A>

<SCRIPT language=JavaScript>nextAd()</SCRIPT>

 

 

</body>

 

</html>

 

0 Comments

Thu

26

Feb

2009

43、图片的水韵效果像

43、图片的水韵效果像

<html>

 

<head>

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

<title>网页特效- 图片的水韵效果</title>

</head>

 

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

 

<script language="JavaScript">

<!--

//修改下面二处的图像地址

I=new Image();

I.src="sto/01.gif";

if (document.all){

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

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

document.write('<img  id="pic" src="images/flag.gif" style="position:absolute;top:0px;left:0px">');

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

}

S=null,fadeStep=4,fade=80,currentStep=0,step=2,RY=0,RX=0,Yarea=0,Xarea=0;

function Expand(){

if (document.all){

pic.width=currentStep*2;

pic.height=currentStep*2;

pic.style.top= -currentStep;

pic.style.left= -currentStep;

pic.style.filter='alpha(opacity='+fade+')';

currentStep+=step;

if (currentStep > 20) fade-=fadeStep;

if (fade < -50)

{

currentStep=0;

fade=80;

Yarea=window.document.body.clientHeight-80;

Xarea=window.document.body.clientWidth-80;

RY=Math.round(50+Math.random()*Yarea);

RX=Math.round(50+Math.random()*Xarea);

C.style.top=RY+document.body.scrollTop;

C.style.left=RX+document.body.scrollLeft;

}

S=setTimeout('Expand()',40);

}

}

if (document.all)window.onload=Expand;

 

if (document.layers)

 {

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

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

 }

// -->

</script>

<div style="position:relative"></div>

 

</body>

 

</html>

 

0 Comments

Thu

26

Feb

2009

42、图片的雷达扫描效果

42、图片的雷达扫描效果

<html>

<head>

<title>网页特效|Linkweb.cn/Js|---图片的雷达扫描效果</title>

</head>

<BODY bgColor=#000000 onload=go() text=#99ffcc>

<script>

   <!--

       var Light_X=20

       var Light_Y=20

       var Light_Z=40

       var xInc=10;

       var yInc=10;

      

       var r=125;

       var deg=0;

       var deg1;

       var rad;

       var conversion=(2*3.1415926)/360

    function movefilt()

    {

      Light_X=r+r*Math.cos(deg*conversion);

      Light_Y=r+r*Math.sin(deg*conversion);

      deg+=10;

      if(deg==360)

         deg=0;

      Body1.filters[0].moveLight(0,Light_X,Light_Y,Light_Z,1);    

         mytimeout=setTimeout('movefilt()',100);

      }

 

       function go(){

          Body1.filters.light.addCone(125,125,0,Light_X,Light_Y,0,255,0,150,20);

          Body1.filters.light.addAmbient(0,255,0,30)

             var x=0;

             movefilt();        

       }

 </script>

<img src="images/PHOT046.JPG" id="Body1" style="FILTER: light();" width="206" height="288">

</body></html>

 

0 Comments

Thu

26

Feb

2009

41、很好看的发光图片哦

41、很好看的发光图片哦

<html>

 

<head>

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

<title>网页特效--图片上滚动发光效果</title>

</head>

<body>

 

<SCRIPT LANGUAGE="JavaScript">

i=0;

function f_wave()

{i=i-4;

ShowCool.style.filter="Wave(Freq=1,LightStrength=80,Phase=" + i + ")";

setTimeout("f_wave()",100);

}

window.onload=f_wave;</SCRIPT>

<IMG SRC="sto/001.jpg" WIDTH="85" HEIGHT="55" ID=ShowCool>

 

</body>

</html>

0 Comments

Thu

26

Feb

2009

40、频道的幻灯片切换

40、频道的幻灯片切换

<html>

<head>

<title>网页特效-搜弧IT频道的幻灯片切换的特效源代码</title>

 

<body>

 

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

<TBODY>

<TR>

<TD>

<DIV align=center>

<SCRIPT type=text/javascript>

<!--

t=3; //secs per slide

 

// promos + links

prmo = new Array();

link = new Array();

 

prmo[1]="sto/01.gif";//网页制作学习

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

prmo[2]="sto/01.gif";//动画制作学习

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

//prmo[2]="sto/200406302.gif"//网页特效

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

prmo[4]="sto/03.gif";//网页编程学习

link[4]="http://7stk.com";

prmo[0]="sto/04.gif";//书籍教程下载

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

prmo[3]="sto/02.gif";//网页素材下载

link[3]="http://7stk.com";

//init

promos = "";

links = "";

 

// build flashvars

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

 promos += (x+1<prmo.length) ? prmo[x]+"|" : prmo[x];

 links += (x+1<prmo.length) ? link[x]+"|" : link[x];

}

 

var MM_contentVersion = 6;

var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;

 

if ( plugin ) {

     var words = navigator.plugins["Shockwave Flash"].description.split(" ");

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

     {

  if (isNaN(parseInt(words[i])))

  continue;

  var MM_PluginVersion = words[i];

     }

 var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;

}

else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0

   && (navigator.appVersion.indexOf("Win") != -1)) {

 document.write('<SCR' + 'IPT LANGUAGE=VBScript> \n'); //FS hide this from IE4.5 Mac by splitting the tag

 document.write('on error resume next \n');

 document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');

 document.write('</SCR' + 'IPT> \n');

}

 

if ( MM_FlashCanPlay ) {

 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="410" height="200" align="middle">');

 document.write('<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.webjx.com/js/img.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" />');

 document.write('<param name="FlashVars" value="p=' + promos + '&l=' + links + '&t=' + t + '">');

 document.write('<embed src="http://www.webjx.com/js/img.swf" FlashVars="p=' + promos + '&l=' + links + '&t=' + t + '" quality="high" bgcolor="#ffffff" width="410" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />');

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

}

//-->

  </SCRIPT>

</DIV></TD></TR></TBODY></TABLE>

 

<body>

</html>

 

0 Comments

Thu

26

Feb

2009

39、图像虚幻显示特效

39、图像虚幻显示特效

<html>

<head>

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

<title>网页特效观止--- 图像圆形虚幻显示特效</title>

 

</head>

 

<body onload=setValues()>

<center>

<SCRIPT language=JavaScript>

<!-- Beginning of JavaScript -

var x,y

var marginbottom

var marginleft=0

var margintop=0

var marginright

var cliptop

var clipbottom

var clipleft

var clipright

var clippoints

 

 

 

var ballheight=150

 

var ballwidth=150

 

 

 

var imageheight=525

 

var imagewidth=457

 

                                                              

 

                                                              

 

// less is faster

 

var tempo=25

 

 

 

// horizontal move (pixels) within time unit

 

var stepx=12

 

 

 

// vertical move (pixels) within time unit

 

var stepy=6

 

var timer

 

 

 

 

 

// check the width and the height of the document

 

// gets the starting position of the ball by random

 

function setValues() {

 

       if (document.all) {

 

           marginbottom = imageheight-ballheight

 

           marginright = imagewidth-ballwidth

 

              document.all.ball.style.posLeft=randommaker(400)

 

            document.all.ball.style.posTop=0

 

              document.all.textcontent.style.posLeft=0

 

            document.all.textcontent.style.posTop=0

 

                     document.all.ball.style.filter="alpha(opacity=0,finishopacity=100,style=2,startX=0px,startY=0px,finishX=100px,finishY=100px)"

 

           moveball()

 

       }

 

}

 

 

 

// randomfunction

 

function randommaker(range) {          

 

       rand=Math.floor(range*Math.random())

 

    return rand

 

}

 

 

 

function moveball() {

 

       checkposition()

 

       if (document.all) {

 

            document.all.ball.style.posLeft+=stepx

 

            document.all.ball.style.posTop+=stepy

 

             

 

              cliptop=document.all.ball.style.posTop

 

              clipbottom=cliptop+ballheight

 

              clipleft=document.all.ball.style.posLeft

 

              clipright=clipleft+ballwidth

 

             

 

              clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"

 

              document.all.textcontent.style.clip=clippoints

 

           timer=setTimeout("moveball()",tempo)

 

       }

 

}

 

 

 

function checkposition() {

 

       if (document.all) {

 

              if (document.all.ball.style.posLeft>=marginright) {

 

                     stepx=stepx*-1

 

                     document.all.ball.style.posLeft-=10

 

              }

 

              if (document.all.ball.style.posLeft<=marginleft) {

 

                     stepx=stepx*-1

 

                     document.all.ball.style.posLeft+=10

 

              }    

 

              if (document.all.ball.style.posTop>=marginbottom) {

 

                     stepy=stepy*-1

 

                     document.all.ball.style.posTop-=10

 

              }

 

              if (document.all.ball.style.posTop<=margintop) {

 

                     stepy=stepy*-1

 

                     document.all.ball.style.posTop+=10

 

              }

 

       }

 

}

 

// - End of JavaScript - -->

 

</SCRIPT>

 

<span id=textcontent style="LEFT: -5000px; POSITION: absolute; TOP: -5000px"><IMG

 

border=0 src="sto/101.jpg"> </span>

 

<span id=ball

 

style="BACKGROUND-COLOR: white; HEIGHT: 150px; POSITION: absolute; TOP: -50px; WIDTH: 150px"></span>

    </center>

</body>

</html>

 

0 Comments

Thu

26

Feb

2009

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

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

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

 

0 Comments

Thu

26

Feb

2009

36、图片放大镜 特效代码

36、图片放大镜 特效代码

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

26

Feb

2009

35、图片魔幻变化 代码5

35、图片魔幻变化  代码5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<meta http-equiv="Content-Language" content="zh-cn">

<TITLE>网页特效</TITLE>

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

<STYLE>BODY {

       BORDER-RIGHT: #506a81 5px groove; BORDER-TOP: #506a81 5px groove; SCROLLBAR-FACE-COLOR: #bed0da; FONT-SIZE: 14pt; SCROLLBAR-HIGHLIGHT-COLOR: #506a81; BORDER-LEFT: #506a81 5px groove; SCROLLBAR-SHADOW-COLOR: #486488; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #9190a6; SCROLLBAR-ARROW-COLOR: #506a81; SCROLLBAR-TRACK-COLOR: #bed0da; BORDER-BOTTOM: #506a81 5px groove; FONT-FAMILY: "Comic Sans MS"; SCROLLBAR-DARKSHADOW-COLOR: #506a81

}

</STYLE>

 

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

<BODY bgColor=#000000 background=sto/r9bg.jpg>

<DIV> </DIV><BGSOUND balance=0 src="" volume=0 loop=99>

<TABLE align=center>

  <TBODY>

  <TR>

    <TD><IMG src="sto/r9.jpg"></TD></TR></TBODY></TABLE><BR>

<TABLE id=tabrd1

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; LEFT: 0px; BORDER-LEFT: #506a81 6px outset; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute; TOP: 0px"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/rr.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd2

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; LEFT: 30px; BORDER-LEFT: #506a81 6px outset; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute; TOP: 45px"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/rr.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd3

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; LEFT: 60px; BORDER-LEFT: #506a81 6px outset; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute; TOP: 95px"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m3 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/rr.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd4

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; RIGHT: 0px; BORDER-LEFT: #506a81 6px outset; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute; TOP: 0px"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m4 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/r9r.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd5

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; RIGHT: 30px; BORDER-LEFT: #506a81 6px outset; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute; TOP: 45px"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m5 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/r9r.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd6

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; RIGHT: 60px; BORDER-LEFT: #506a81 6px outset; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute; TOP: 95px"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m6 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/r9r.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd7

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; LEFT: 0px; BORDER-LEFT: #506a81 6px outset; BOTTOM: 0px; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m7 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/rr.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd8

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; LEFT: 30px; BORDER-LEFT: #506a81 6px outset; BOTTOM: 45px; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m8 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/rr.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd9

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; LEFT: 60px; BORDER-LEFT: #506a81 6px outset; BOTTOM: 95px; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m9 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/rr.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd10

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; RIGHT: 0px; BORDER-LEFT: #506a81 6px outset; BOTTOM: 0px; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m10 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/r9r.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd11

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; RIGHT: 30px; BORDER-LEFT: #506a81 6px outset; BOTTOM: 45px; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m11 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/r9r.jpg"></TD></TR></TBODY></TABLE>

<TABLE id=tabrd12

style="BORDER-RIGHT: #506a81 6px inset; BORDER-TOP: #506a81 6px outset; RIGHT: 60px; BORDER-LEFT: #506a81 6px outset; BOTTOM: 95px; BORDER-BOTTOM: #506a81 6px inset; POSITION: absolute"

height="20%" width="10%">

  <TBODY>

  <TR>

    <TD><IMG id=m12 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

      src="sto/r9r.jpg"></TD></TR></TBODY></TABLE>

<TABLE width="50%" align=center>

  <TBODY>

  <TR>

    <TD>

      <DIV

      style="BORDER-RIGHT: #506a81 8px inset; BORDER-TOP: #506a81 8px outset; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#A8B4C8',

                                    startColorstr='#D8DCE0', gradientType=.0); OVERFLOW: auto; BORDER-LEFT: #506a81 8px outset; BORDER-BOTTOM: #506a81 8px inset; HEIGHT: 150px"

      align=center><FONT face="Comic Sans MS" color=#8689aa FONT-SIZE:12pt> 

      <P>亲爱的,我很想你,你在干什么?你想我吗?</P></DIV>

      <SCRIPT language=vbscript>

 

 

 

 

 

Rem this is the ticker

window.status="特效"

a=0

b=0

c=0

d=0

e=0

f=0

 

g=0

h=0

i=0

j=0

k=0

l=0

 

n=0

o=0

p=0

q=0

r=0

s=0

 

t=0

u=0

v=0

w=0

x=0

y=0

 

Sub Window_OnLoad()

scw=document.body.clientWidth

sch=document.body.clientHeight

 

 

 

 

 

 

Start

SetInterval "scrollback1", 64

SetInterval "scrollback2", 64

SetInterval "scrollback3", 64

SetInterval "scrollback4", 64

SetInterval "scrollback5", 64

SetInterval "scrollback6", 64

SetInterval "scrollback7", 64

SetInterval "scrollback8", 64

SetInterval "scrollback9", 64

SetInterval "scrollback10", 64

SetInterval "scrollback11", 64

SetInterval "scrollback12", 64

End Sub

 

Sub Start()

Tabrd1.style.backgroundImage="URL("&m1.src&")"

Tabrd2.style.backgroundImage="URL("&m2.src&")"

tabrd3.style.backgroundImage="URL("&m3.src&")"

tabrd4.style.backgroundImage="URL("&m4.src&")"

tabrd5.style.backgroundImage="URL("&m5.src&")"

tabrd6.style.backgroundImage="URL("&m6.src&")"

Tabrd7.style.backgroundImage="URL("&m7.src&")"

Tabrd8.style.backgroundImage="URL("&m8.src&")"

tabrd9.style.backgroundImage="URL("&m9.src&")"

tabrd10.style.backgroundImage="URL("&m10.src&")"

tabrd11.style.backgroundImage="URL("&m11.src&")"

tabrd12.style.backgroundImage="URL("&m12.src&")"

End Sub

 

Sub scrollback1()

x=x+1

y=y-1

Tabrd1.style.backgroundPosition=x&" "&y

End sub

 

Sub scrollback2()

v=v+1

w=w-1

Tabrd2.style.backgroundPosition=v&" "&w

End sub

 

Sub scrollback3()

t=t+1

u=u-1

Tabrd3.style.backgroundPosition=t&" "&u

End sub

 

Sub scrollback4()

a=a-1

b=b-1

Tabrd4.style.backgroundPosition=a&" "&b

End sub

 

Sub scrollback5()

c=c-1

d=d-1

Tabrd5.style.backgroundPosition=c&" "&d

End sub

 

Sub scrollback6()

e=e-1

f=f-1

Tabrd6.style.backgroundPosition=e&" "&f

End sub

 

Sub scrollback7()

g=g+1

h=h-1

Tabrd7.style.backgroundPosition=g&" "&h

End sub

 

Sub scrollback8()

i=i+1

j=j-1

Tabrd8.style.backgroundPosition=i&" "&j

End sub

 

Sub scrollback9()

k=k+1

l=l-1

Tabrd9.style.backgroundPosition=k&" "&l

End sub

 

Sub scrollback10()

n=n-1

o=o-1

Tabrd10.style.backgroundPosition=n&" "&o

End sub

 

Sub scrollback11()

p=p-1

q=q-1

Tabrd11.style.backgroundPosition=p&" "&q

End sub

 

Sub scrollback12()

r=r-1

s=s-1

Tabrd12.style.backgroundPosition=r&" "&s

End sub

 

      

      

 

 

 

 

 

 

 

 

 

</SCRIPT>

      </STRONG></FONT></TD></TR></TBODY></TABLE></BODY></HTML>

 

0 Comments

Thu

26

Feb

2009

34、图片魔幻变化 代码4

34、图片魔幻变化  代码4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>特效</TITLE>

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

<STYLE>BODY {

       BORDER-RIGHT: #c13e54 8px ridge; BORDER-TOP: #c13e54 8px ridge; FONT-WEIGHT: bold; FONT-SIZE: 16pt; BORDER-LEFT: #c13e54 8px ridge; COLOR: #60081f; BORDER-BOTTOM: #c13e54 8px ridge; FONT-STYLE: normal; FONT-FAMILY: 36; BACKGROUND-COLOR: #c1ab3e; TEXT-ALIGN: left

}

.textBox {

       BORDER-RIGHT: #c13e54 6px ridge; PADDING-RIGHT: 20px; BORDER-TOP: #c13e54 6px ridge; PADDING-LEFT: 20px; SCROLLBAR-FACE-COLOR: #c88398; FONT-WEIGHT: bold; FONT-SIZE: 16pt; Z-INDEX: 2; FILTER: alpha (opacity=100, finishopacity=100, style=1); LEFT: 15%; VISIBILITY: hidden; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #c13e54 6px ridge; WIDTH: 70%; COLOR: #60081f; SCROLLBAR-ARROW-COLOR: #000000; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #f3cdd3; BORDER-BOTTOM: #c13e5e 6px ridge; FONT-STYLE: normal; FONT-FAMILY: "36"; SCROLLBAR-BASE-COLOR: #f3cdd3; POSITION: absolute; TOP: 20%; HEIGHT: 70%; BACKGROUND-COLOR: #fff8dc

}

.openButton {

       BORDER-RIGHT: #c13e54 2px ridge; BORDER-TOP: #c13e54 2px ridge; FONT-WEIGHT: bold; FONT-SIZE: 20pt; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 45%; BORDER-LEFT: #c13e54 2px ridge; WIDTH: 80px; CURSOR: hand; COLOR: #60081f; BORDER-BOTTOM: #c13e54 2px ridge; FONT-STYLE: normal; FONT-FAMILY: "agatha"; POSITION: absolute; TOP: 20px; HEIGHT: 30px

}

</STYLE>

 

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

<BODY

style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#800000,endColorstr=#000000,gradientType=0.5,enabled=0)"

bgColor=#c1abe3 background=sto04/back7.jpg scroll=no><IMG id=bkg1

style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

src="sto04/back4.jpg"> <IMG id=bkg2

style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

src="sto04/back3.jpg"> <IMG id=bkg3

style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"

src="sto04/back6.jpg"> <BGSOUND balance=0 src="" volume=0 loop=infinite>

<DIV class=textbox id=origTextbox>

<DIV>怀揣一段往昔的心事

<P>    在你我曾经相爱的地方

<P>寻找往日的记忆

<P>    再收集七彩的阳光

<P>编制成记忆的梦想

<P>

<P>

<P>

<P>

<P>

<P>

<P>

<P></P></DIV></DIV><BUTTON language=VBScript class=openButton id=openBtn

onclick=popOpen()>进入</BUTTON>

<DIV id=src style="DISPLAY: none">

<STYLE id=PopupStyle>.popButtons {

       BORDER-RIGHT: #c13e54 2px ridge; BORDER-TOP: #c13e54 2px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #c13e54 2px ridge; WIDTH: 80px; CURSOR: hand; COLOR: #5b4500; BORDER-BOTTOM: #c13e54 2px ridge; FONT-FAMILY: Agatha; POSITION: absolute; TOP: 20px; HEIGHT: 30px

}

.pictures {

       Z-INDEX: 1; FILTER: revealTrans; LEFT: -1800px; VISIBILITY: hidden; POSITION: absolute; TOP: -1800px

}

.caption {

       FONT-WEIGHT: bold; FONT-SIZE: 18pt; VISIBILITY: hidden; COLOR: #60081f; FONT-STYLE: normal; FONT-FAMILY: "36"; POSITION: absolute; HEIGHT: 30px; TEXT-ALIGN: center

}

.playerStatus {

       FONT-WEIGHT: bold; FONT-SIZE: 10pt; RIGHT: 25px; VISIBILITY: hidden; WIDTH: 60px; COLOR: #60081f; FONT-STYLE: italic; FONT-FAMILY: AGATHA; POSITION: absolute; TOP: 55px; HEIGHT: 30px; TEXT-ALIGN: center

}

</STYLE>

<BUTTON language=VBScript id=nofocusBtn

style="LEFT: -1000px; POSITION: absolute; TOP: -1000px"></BUTTON><BUTTON

language=VBScript class=popButtons id=closeBtn style="LEFT: 20px"

onclick=parent.Popup.hide()>退出</BUTTON><BUTTON language=VBScript

class=popButtons id=playBtn style="RIGHT: 20px"

onclick=parent.playPictures()>开始</BUTTON>

<DIV class=playerStatus id=status1>点击</DIV>

<DIV class=playerStatus id=status2>点击</DIV><IMG class=pictures id=pic1

style="LEFT: -1800px; WIDTH: 256px; POSITION: absolute; TOP: -1800px; HEIGHT: 384px"

src="sto04/1.gif"> <IMG class=pictures id=pic2 src="sto04/2.gif">

<IMG class=pictures id=pic3 src="sto04/3.gif"> <IMG class=pictures

id=pic4 src="sto04/4.gif"> <IMG class=pictures id=pic5

src="sto04/5.gif"> <IMG class=pictures id=pic6 src="sto04/6.gif">

<DIV class=caption id=cap1>猫咪1</DIV>

<DIV class=caption id=cap2>猫咪2</DIV>

<DIV class=caption id=cap3>猫咪3</DIV>

<DIV class=caption id=cap4>猫咪4</DIV>

<DIV class=caption id=cap5>猫咪5</DIV>

<DIV class=caption id=cap6>猫咪6</DIV></DIV>

<SCRIPT language=VBScript>

'==============================

' Thumbnail Slide Show script version 1.15

' written by Richard Eagle 08/03/01

' last revised 08/06/01

'==============================

' VBPop part -  Donald Anadell

'==============================

Set Popup=window.createPopup()

Set PopupBody=Popup.document.body

PopupBody.style.cursor="default"

PopupBody.style.backgroundColor="#C1AB3E"

PopupBody.style.border="8px ridge #C13E54"

PopupBody.style.color="#C1AB3E"

PopupBody.background=bkg2.src // Use bkg1.src, bkg2.src, bkg3.src, etc.

Set PA=PopupBody.all

PopupBody.innerHTML="<div style='display:none'>"+PopupStyle.innerHTML+"</div>"+src.innerHTML

 

sub popOpen()

       Popup.show (window.parent.screen.width-popW)/2,(window.parent.screen.height-popH)/2, popW, popH

       resetIt

end sub

 

'==============================

 

'==============================

dim popH, popW, popBorderW, numPics, picBorderW, picBorderColor

dim tnailW, tnailH, tnailGap, tnailBorderW, tnailBorderColor, tnailBorderState

dim prevPic, currPic, nextPic, picturePlayTime, playStatus, myTimer, origBorderW

dim picTopGap, btnTopGap, btnSideGap, statusTopGap, capTopGap, capH, capExtraW

dim tnailBottomGap, tnailSideGap, tnailShiftDown, tranTypes, tranTypeStr

dim openBtnW, openBtnH, popBtnW, popBtnH, aveLandPopBtns, cntrPortPopBtns

dim textboxVertGap, textboxSideGap, textBoxBkgTile, openBtnBkgTile, popUpBkgTile, popBtnsBkgTile

 

<!---THIS IS WHERE YOU MAKE CHANGES FOR STYLE, ETC.--->

REM *** USER VARIABLES - change as needed

displayMode="P"          // display thumbnails along the bottom "L" (Landscape) or half on each side "P" (Portrait)

FullScreen="YA"          // pop up full screen "Y" or "N" or "YA" (YA averages picture and thumbnail locations - FS pop up only)

origBorderW=8             // width of border in original window - make sure it matches

popW=640: popH=480  // pop up width & height - FullScreen="Y" or "YA"overrides these ("YA" is prefered to "Y")

popBorderW=8             // pop up border width - make sure it matches

numPics=6            // number of pictures - make this equal to the number of pictures used

picBorderW=4              // picture border width

picBorderColor="#c13e5e"    // picture border color

tnailW=76             // thumbnail width  Note: width to height ratio of thumbnails should be about same as picture

tnailH=98                     // thumbnail height

tnailGap=12           // gap between thumbnails (default 10)

tnailBorderW=2            // thumbnail border width (default 2)

tnailBorderColor="#c13e5e"  // thumbnail border color

picturePlayTime=10             // display time for each picture in seconds (default 10)

picTopGap=20              // gap between top border & top of picture (default 20)

btnTopGap=20              // gap between top of buttons & top border (default 20)

btnSideGap=20             // gap between side of buttons & side border (default 20)

statusTopGap=10           // gap between play button & player status text (default 10)

capTopGap=10              // gap between top of caption & bottom of picture (default 10)

capH=30               // caption div height (default 30)

playStatTopGap=10              // gap between top of player status & bottom of play button (default 10)

capExtraW=100            // makes caption wider than picture by this many pixels (default 100)

tnailBottomGap=20              // gap between bottom border & bottom of thumbnails if displayMode="L" (default 20)

tnailSideGap=30           // gap between side border & side of thumbnails if displayMode="P" (default 30)

tnailShiftDown=0          // shifts thumbnails down if displayMode="P" (default 0)

tranTypes=1           // transition types - use 0, 1, 2, 3 (default 1)

openBtnW=240             // open button width - variable used for centering open button (default 80)

openBtnH=45        // open button height (default 30)

popBtnW=80         // pop button width (default 80)

popBtnH=30          // pop button width (default 30)

aveLandPopBtns="YT"  // averages location of buttons in pop up "N", "YT" or "YM" (YT - horiz, YM - horiz & vert)

                     // popBtnAverage only works in Full Screen pop up - YM for Landscape mode only

                     // "YT" overrides btnTopGap, "YM" overrides btnTopGap & btnSideGap

cntrPortPopBtns="Y"    // "Y" or "N" (default "N" - Ignored in Landscape mode) centers buttons in pop up above thumbnails

                     // only in Full Screen pop up. Does not override btnTopGap

textboxVertGap=15        // gap above & below textbox and open button (default 20)

textboxSideGap=.15      // gap between border & text box (default .15 which makes it 15% of window width)

// Optional tiled background images for textbox, open button and buttons in pop up

// Make sure to disable any BGTx's not being used - example:    // BGT3="URL(" & bkg3.src & ")"

BGT1="URL(" & bkg1.src & ")"

BGT2="URL(" & bkg2.src & ")"

BGT3="URL(" & bkg3.src & ")"

textBoxBkgTile=BGT3  // (default BGT2)

openBtnBkgTile=BGT1  // (default BGT2)

popBtnsBkgTile=BGT1  // (default BGT1)

// END OF USER VARIABLES

 

REM Initial picture/layer setup - DO NOT CHANGE!!!

prevPic=numPics: currPic=1: nextPic=2

 

if FullScreen<>"N" then

       popW=window.parent.screen.width

       popH=window.parent.screen.height

end if

 

select case tranTypes

       case 1: tranTypeStr="00010203080910111314151617181920"    // all except fade in & thin H/V blinds

       case 2: tranTypeStr="0001020308091011"                 // same as 1 except no diagonals

       case 3: tranTypeStr="0002"                               // rectangle & circle outside to inside only

end select

 

sub resetIt()

       prevPic=numPics: currPic=1: nextPic=2

       playStatus="on": PA.status1.style.visibility="visible": PA.status2.style.visibility="hidden"

       pic1.style.zindex=2

       for j=1 to numPics

              if j=1 then

                     PA("pic"&j).style.visibility="visible"

                     PA("cap"+cstr(j)).style.visibility="visible"

              else

                     PA("pic"&j).style.visibility="hidden"

                     PA("cap"+cstr(j)).style.visibility="hidden"

              end if

       next

       clearTimeout(myTimer)

       myTimer=SetTimeOut("pictureTransition", picturePlayTime*100,"VBScript")

end sub

 

sub window_onLoad()

       on error resume next

       REM Set up dimensions, location, etc. for pictures and thumbnails

       pW=pic1.style.posWidth

       pH=pic1.style.posHeight

       picLeft=(popW-(pW+(2*(popBorderW+picBorderW))))/2

       pBoxW=pW+(2*picBorderW)

       pBoxH=pH+(2*picBorderW)

       tBoxW=tnailW+(2*tnailBorderW)

       tBoxH=tnailH+(2*tnailBorderW)

       REM Setup picture & thumbnail locations

       tempBorder=cstr(picBorderW)+"px ridge "+picBorderColor

       if displayMode="L" then  'landscape mode

              tDivW=((tBoxW+tnailGap)*numPics)-tnailGap

              tnailEndGap=((popW-(2*popBorderW))-(tDivW))/2

              TL=tnailEndGap

              if FullScreen="YA" then

                     AveGap=(popH-(pBoxH+tBoxH+capTopGap+capH+(2*popBorderW)))/3

                     picTopGap=AveGap

                     tnailBottomGap=AveGap

              end if

              for j=1 to numPics

                     PA("pic"&j).style.top=picTopGap

                     PA("pic"&j).style.left=picLeft

                     PA("pic"&j).style.border=tempBorder

                     if j=1 then PA("pic"&j).style.visibility="visible" else PA("pic"&j).style.visibility="hidden"

                     data="<DIV id=t"&j&" style='Z-INDEX: 2; POSITION: absolute; BOTTOM: "&tnailBottomGap&"px; "

                     data=data&"LEFT: "&TL&"px;  WIDTH: "&tBoxW&"px;HEIGHT: "&tBoxH&"px; CURSOR: hand; "

                     data=data&"BORDER: "&tnailBorderW&"px ridge "&tnailBorderColor&"' onclick=parent.pickTnail("&j&") "

                     data=data&"onMouseOver=parent.changeTnailBorder("&j&") onMouseOut=parent.changeTnailBorder("&j&")>"

                     data=data&"<IMG src='"&PA("pic"+cstr(j)).src&"' WIDTH="&tnailW&" HEIGHT="&tnailH&"></DIV>"

                     PopupBody.insertAdjacentHTML "afterBegin", data

                     TL=TL+(tBoxW+tnailGap)

              next

       else  'portrait mode

              if numPics mod 2 = 1 then

                     npls=(numPics+1)/2: nprs=npls-1

              else

                     npls=numPics/2: nprs=npls

              end if

              tnailTop=((popH-((tBoxH*npls)+(tnailGap*(npls-1))))/2)+tnailShiftDown

              if FullScreen="YA" then

                     AveGap=(popH-(pBoxH+capTopGap+capH+(2*popBorderW)))/2

                     picTopGap=AveGap

                     tnailSideGap=(popW-(pBoxW+(2*(tBoxW+popBorderW))))/4

              end if

              for j=1 to numPics

                     PA("pic"&j).style.top=picTopGap

                     PA("pic"&j).style.left=picLeft

                     PA("pic"&j).style.border=tempBorder

                     if j=1 then PA("pic"&j).style.visibility="visible" else PA("pic"&j).style.visibility="hidden"

                     if j <= npls then

                            TnS="LEFT: "+cstr(tnailSideGap)

                            TnT=(tnailTop+(((j-1)*(tBoxH+tnailGap))))-popBorderW

                     else

                            TnS="RIGHT: "+cstr(tnailSideGap)

                            if numPics mod 2 = 0 then

                                   TnT=(tnailTop+((((j-1)-npls)*(tBoxH+tnailGap))))-popBorderW

                            else

                                   TnT=((tnailTop+((((j-1)-npls)*(tBoxH+tnailGap))))-popBorderW)+((tBoxH+tnailGap)/2)

                            end if

                     end if

                     data="<DIV id=t"&j&" style='Z-INDEX: 2; POSITION: absolute; TOP: "&TnT&"px; "&TnS&"px;  "

                     data=data&"WIDTH: "&tBoxW&"px;HEIGHT: "&tBoxH&"px; CURSOR: hand; "

                     data=data&"BORDER: "&tnailBorderW&"px ridge "&tnailBorderColor&"' onclick=parent.pickTnail("&j&") "

                     data=data&"onMouseOver=parent.changeTnailBorder("&j&") onMouseOut=parent.changeTnailBorder("&j&")>"

                     data=data&"<IMG src='"&PA("pic"+cstr(j)).src&"' WIDTH="&tnailW&" HEIGHT="&tnailH&"></DIV>"

                     PopupBody.insertAdjacentHTML "afterBegin", data

                     TL=TL+(tBoxW+tnailGap)

              next

       end if

       REM Locate captions and show caption for first picture

       for j=1 to numPics

              PA("cap"+cstr(j)).style.top=picTopGap+pBoxH+capTopGap

              PA("cap"+cstr(j)).style.left=picLeft-(capExtraW/2)

              PA("cap"+cstr(j)).style.width=pBoxW+capExtraW

       next

       PA.cap1.style.visibility="visible"

       REM Locate close & play buttons and player status text

       if aveLandPopBtns<>"N" and displayMode="L" and FullScreen<>"N" then

              btnSideGap=(popW-(pBoxW+(2*(popBtnW+popBorderW))))/4

              if aveLandPopBtns="YM" then

                     btnTopGap=picTopGap+((pBoxH-popBtnH)/2)

              elseif aveLandPopBtns="YT" then

                     btnTopGap=picTopGap

              end if

       end if

       if cntrPortPopBtns="Y" and displayMode="P" and FullScreen<>"N" then

              btnSideGap=(popW-(pBoxW+(2*(popBtnW+popBorderW))))/4

       end if

       PA.closeBtn.style.top=btnTopGap

       PA.closeBtn.style.left=btnSideGap

       PA.playBtn.style.top=btnTopGap

       PA.playBtn.style.right=btnSideGap

       PA.status1.style.top=btnTopGap+popBtnH+statusTopGap

       PA.status1.style.right=btnSideGap

       PA.status1.style.width=popBtnW

       PA.status2.style.top=btnTopGap+popBtnH+statusTopGap

       PA.status2.style.right=btnSideGap

       PA.status2.style.width=popBtnW

       REM Position & size textbox, open button

       fitOrigTextboxEtc

end sub

 

sub window_onResize()

       fitOrigTextboxEtc

end sub

 

sub fitOrigTextboxEtc()

       REM Move open button and textbox in original window

       openBtn.style.top=textboxVertGap

       openBtn.style.width=openBtnW

       openBtn.style.height=openBtnH

       openBtn.style.left=(document.body.clientWidth-openBtnW)/2

       openBtn.style.backgroundImage=openBtnBkgTile

       origTextbox.style.top=openBtnH+(2*textboxVertGap)

       origTextbox.style.left=(document.body.clientWidth*textboxSideGap)

       origTextbox.style.height=document.body.clientHeight-(openBtnH+(3*textboxVertGap))

       xGap=int((document.body.clientWidth*textboxSideGap)+.4999)

       origTextbox.style.left=xGap

       origTextbox.style.width=document.body.clientWidth-(2*xGap)

       origTextbox.style.backgroundImage=textBoxBkgTile

       origTextbox.style.backgroundattachment="fixed"

       origTextbox.style.visibility="visible"

       REM Add background image to buttons in pop up

       PA.closeBtn.style.backgroundImage=popBtnsBkgTile

       PA.closeBtn.style.width=popBtnW

       PA.closeBtn.style.height=popBtnH

       PA.playBtn.style.backgroundImage=popBtnsBkgTile

       PA.playBtn.style.width=popBtnW

       PA.playBtn.style.height=popBtnH

       loadMsg.style.visibility="hidden"

end sub

 

sub changeTnailBorder(whichPic)

       if tnailBorderState=1 then

              tempBorder=cstr(tnailBorderW)+"px ridge "+tnailBorderColor

              PA("t"+cstr(whichPic)).style.border=tempBorder

       else

              tempBorder=cstr(tnailBorderW+2)+"px ridge "+tnailBorderColor

              PA("t"+cstr(whichPic)).style.border=tempBorder

       end if

       if tnailBorderState=1 then tnailBorderState=0 else tnailBorderState=1

end sub

 

sub pictureTransition()

       clearTimeout(myTimer)

       if tranTypes>=1 then

              TT=mid(tranTypeStr,((int(rnd*(len(tranTypeStr)/2)))*2)+1,2)

              if left(TT,1)="0" then TT=right(TT,1)

       else

              TT=23

       end  if

       PA("pic"&prevPic).style.visibility="hidden"

       PA("pic"&prevPic).style.zindex=1

       PA("pic"&currPic).style.visibility="visible"

       PA("pic"&currPic).style.zindex=2

       PA("pic"&nextPic).style.zindex=3

       PA("pic"&nextPic).filters(0).Apply()

       PA("pic"&nextPic).filters(0).transition=TT

       PA("pic"&nextPic).style.visibility="visible"

       PA("pic"&nextPic).filters(0).Play(1.50)

       prevPic=currPic

       currPic=nextPic

       nextPic=nextPic+1: if nextPic>numPics then nextPic=1

       changeCaption(currPic)

       if playStatus="on" then

              myTimer=SetTimeOut("pictureTransition", picturePlayTime*500,"VBScript")

       end if

end sub

 

sub playPictures()

       if playStatus="off" then

              playStatus="on"

              PA.status1.style.visibility="visible": PA.status2.style.visibility="hidden"

              pictureTransition

       else

              'do nothing - already playing

       end if

end sub

 

sub pickTnail(whichPic)

       playStatus="off"

       PA.status1.style.visibility="hidden": PA.status2.style.visibility="visible"

       nextPic=whichPic

       pictureTransition

end sub

 

sub changeCaption(whichPic)

       for j=1 to numPics

              if j=whichPic then

                     PA("cap"+cstr(j)).style.visibility="visible"

              else

                     PA("cap"+cstr(j)).style.visibility="hidden"

              end if

       next

end sub

 

</SCRIPT>

</BODY></HTML>

 

0 Comments

Thu

26

Feb

2009

33、图片魔幻变化 代码3

33、图片魔幻变化  代码3

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>欢迎光临</TITLE>

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

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

<BODY bgColor=#000000 scroll=no></EMBED>

 <SCRIPT language=vbs>

 

Set bs0 = document.all.tags("BASE")

on error resume next

bs0(0).removeAttribute "href",0

</SCRIPT><STYLE>BODY {

       BORDER-RIGHT: #9753a5 8px inset; BORDER-TOP: #9753a5 8px outset; BORDER-LEFT: #9753a5 8px outset; BORDER-BOTTOM: #9753a5 8px inset

}

DIV.rlkdv {

       FONT-SIZE: 24pt; VISIBILITY: hidden; WIDTH: 600px; FONT-FAMILY: "BlackChancery"; POSITION: absolute; HEIGHT: 200px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center

}

DIV.rlkdv2 {

       BORDER-RIGHT: #589516 6px double; BORDER-TOP: #589516 6px double; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#FFDDBBFF", EndColorStr="#FF5700AE"); VISIBILITY: hidden; BORDER-LEFT: #589516 6px double; WIDTH: 625px; BORDER-BOTTOM: #589516 6px double; POSITION: absolute; HEIGHT: 301px

}

IMG.rlkig {

       BORDER-RIGHT: #9753a5 2px double; BORDER-TOP: #9753a5 2px double; LEFT: 26px; BORDER-LEFT: #9753a5 2px double; WIDTH: 555px; BORDER-BOTTOM: #9753a5 2px double; POSITION: absolute; TOP: 16px; HEIGHT: 251px

}

</STYLE><META content="MSHTML 6.00.2800.1106" name=GENERATOR><DIV class=rlkdv id=rlkdv>

<P style="COLOR: #589516">点击花儿进入第二页</P></DIV>

<DIV class=rlkdv id=rlkdv1 style="visibility: visible">

<P style="COLOR: #589516">欢迎光临</P></DIV>

<DIV class=rlkdv2 id=rlkdv2>

       <div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="layer1">

              <div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="layer2">

 </div>

              <p> </div>

       <IMG class=rlkig src="sto03/12.jpg"></DIV>

<DIV language=vbScript id=obtn

style="BORDER-RIGHT: #edd5ac 0px groove; BORDER-TOP: #edd5ac 0px groove; FONT-WEIGHT: bold; FONT-SIZE: 16px; Z-INDEX: 50; LEFT: -1800px; VISIBILITY: hidden; BORDER-LEFT: #edd5ac 0px groove; CURSOR: hand; COLOR: #000000; POSITION: absolute; TOP: -1800px; HEIGHT: 183px; BACKGROUND-COLOR: transparent; edd5ac: "

onclick=PopOpen()><IMG alt=open src="sto03/flower.gif"></DIV>

<DIV id=rob style="DISPLAY: none">

<STYLE id=popupStyle>DIV.lyrics {

       FONT-SIZE: 24pt; WIDTH: 600px; COLOR: #589516; FONT-FAMILY: "BlackChancery"; POSITION: absolute; HEIGHT: 100px; TEXT-ALIGN: center

}

</STYLE>

 

<DIV class=lyrics id=lyrics style="position: absolute; left: 113px; top: 3px; width: 216px">

<p style="text-align: left"><font size="3" color="#FFFFFF">难忘的回忆 <br>

我真的害怕 <br>

有一天会突然爱上你 <br>

那样 <br>

我就会更加迷失自己 <br>

原本游荡是为了更好的忘记<br>

又怎能再次踏入多情的痴迷 <br>

让无休止的烦恼困扰我和你 <br>

想逃避怕来不及 <br>

又怕再次触痛黑夜的回忆 <br>

于是执着的想忘记 <br>

却不知你已在我眼中找到自己 </font></DIV>

<SPAN id=hold

style="Z-INDEX: 1; LEFT: -1800px; WIDTH: 0px; POSITION: absolute; TOP: -1800px; HEIGHT: 0px"><IMG

src="sto03/9.jpg"> <IMG src="sto03/7.jpg"> <IMG

src="sto03/8.jpg"> <IMG src="sto03/1.jpg"> <IMG

src="sto03/10.jpg"> <IMG src="sto03/2.jpg"> <IMG

src="sto03/6.jpg"> <IMG src="sto03/3.jpg"> <IMG

src="sto03/11.jpg"> <IMG src="sto03/4.jpg"> <IMG

src="sto03/5.jpg"> </SPAN>

<DIV id=Holder style="Z-INDEX: 3; POSITION: absolute"></DIV><IMG id=frame

style="Z-INDEX: 5; LEFT: -1800px; POSITION: absolute; TOP: -1800px" height=455

src="sto03/1.gif" width=333>

<DIV language=VBScript id=ebtn

style="BORDER-RIGHT: #6c6c6c 0px ridge; BORDER-TOP: #6c6c6c 0px ridge; FONT-WEIGHT: bold; FONT-SIZE: 18px; Z-INDEX: 50; LEFT: 15px; BORDER-LEFT: #6c6c6c 0px ridge; WIDTH: 94px; CURSOR: hand; COLOR: #e14900; BORDER-BOTTOM: #b9d3ee 0px ridge; FONT-FAMILY: BlackChancery; POSITION: absolute; TOP: 87%; HEIGHT: 110px; BACKGROUND-COLOR: transparent"

onclick=parent.closepopup()><IMG height=110 alt=close

src="sto03/flower1.gif" width=94></DIV></DIV>

<SCRIPT language=vbscript>

  '~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ *

  '

  ' ///,        ////        Date

  ' \  /,      /  >.      01-14-05

  '  \  /,   _/  /.

  '   \_  /_/   /.

  '    \__/_   <   

  '    /<<< \_\_      The Phoenix Connection

  '   /,)^>>_._ \       Out of the Ashes

  '   (/   \\ /\\\

  '        // //```     Script by RLK

  ' ======((`((====   Thank you SteveMac for

  '                      VBS sync script  

  '                  Thank you Craig for Arrays

  '                  Got around to doing them

  '        Thank you Uncle Gus for the easy encoding tut

  '~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~/

dim  sun(7), Ashes, poprlk

SetLocale("en-us")

 

scw=document.body.ClientWidth

sch=document.body.ClientHeight

 

winx=window.parent.screen.width

winy=window.parent.screen.height

 

lyricsw=600

lyricsh=100

rlkdv1w=600

rlkdv1h=200

rlkdv2w=625

rlkdv2h=301

 

gaph=(sch-(rlkdv1h+rlkdv2h))/3

obtn.style.posLeft=(scw-obtn.offsetwidth)/2

obtn.style.posTop=(sch-obtn.offsetheight)/2

obtn.style.visibility="visible"

rlkdv.style.posLeft=(scw-rlkdv.offsetwidth)/2

rlkdv.style.posTop=40

rlkdv.style.visibility="visible"

 

'images and frame heights

imgh=440

imgw=323

frameh=465

framew=333

 

 

musicpath="http://computer.bisu.edu.cn/04_2/yinyan/sound/woyuanyi.wma"

 

document.write"<OBJECT id=player CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'style='position:absolute;top:-1800'><PARAM name='URL' value='"&musicpath&"'><PARAM name='playCount' value=1><PARAM name='volume' value=100><PARAM name='autoStart' value='false'><PARAM name='uiMode' value='invisible'></object>"

 

Sub player_ScriptCommand(ct,lyric)

ClearTimeOut

if ct = "CAPTION" then blue.lyrics.innerHTML = lyric

end sub

 

'Set  popup

Set Popup=window.createPopup()

Set PopupBody=Popup.document.body

Set window.parent.PopUpBody.OnUnload=GetRef("closepopup")

Set blue=PopupBody.all

PopupBody.innerHTML="<div style='display:none'>"&popupStyle.innerHTML&"</div>"&rob.innerHTML

PopupBody.style.border="8px inset #9753A5"

PopupBody.style.backgroundcolor="#000000"

 

 

blue.Holder.style.width=imgw

blue.Holder.style.height=imgh

blue.frame.style.posTop=(winy-(frameh+10))/2

blue.frame.style.Left=(winx-framew)/2

blue.Holder.style.Top=(winy-(imgh+20))/2

blue.Holder.style.Left=(winx-imgw)/2

 

 

sun(0)="progid:DXImageTransform.Microsoft.Iris(irisStyle=star,duration=3, motion=in)"

sun(1)="progid:DXImageTransform.Microsoft.Iris(irisStyle=star,duration=3, motion=out)"

sun(2)="progid:DXImageTransform.Microsoft.Slide(slideStyle='HIDE', bands=20,duration=3)"

sun(3)="progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='wedge',duration=3)"

sun(4)="progid:DXImageTransform.Microsoft.Wheel(spokes=20,duration=3,)"

sun(5)="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=30,duration=3)"

sun(6)="progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='radial',duration=3)"

 

count1=0

 

Set Ashes=blue.hold.All.Tags("IMG")

count2=0

 

 

Sub PopOpen()

ClearTimeOut(poprlk)

 

popup.show 1,1, winx, winy

blue.lyrics.style.posLeft=(winx-lyricsw)/2

blue.lyrics.style.posTop=(winy-(lyricsh+40))

obtn.style.visibility="hidden"

rlkdv.style.posLeft=-1800

rlkdv.style.posTop=-1800

player.controls.play()

poprlk=SetTimeOut ("newDay", 500)

End Sub

 

 

Sub newDay()

ClearTimeOut(poprlk)

blue.Holder.style.filter=sun(count1)

blue.Holder.filters(0).Apply()

blue.Holder.style.visibility="visible"

blue.Holder.style.backgroundImage="URL("&Ashes(count2).src&")"

blue.Holder.filters(0).Play ()

count2=count2+1

If count2=Ashes.length Then count2=0

count1=count1+1

If count1=UBound(sun) Then count1=0

poprlk=SetTimeOut("newDay",5000)

End Sub

 

sub window_onresize()

window.location.reload

end sub

 

Sub closepopup()

parent.Popup.hide()

ClearTimeOut(poprlk)

rlkdv1.style.posLeft=(scw-rlkdv2w)/2

rlkdv1.style.posTop=gaph

rlkdv1.style.visibility="visible"

rlkdv2.style.posLeft=(scw-rlkdv2w)/2

rlkdv2.style.posTop=(2*gaph)+rlkdv1h

rlkdv2.style.visibility="visible"

 

End Sub

 

</SCRIPT>

</BODY></HTML>

 

0 Comments

Thu

26

Feb

2009

32、图片魔幻变化 代码2

32、图片魔幻变化  代码2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>特效演示</TITLE>

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

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

<BODY></EMBED>

 <STYLE type=text/css>BODY {

       PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; zIndex: -2

}

IMG {

       BORDER-RIGHT: #222 1px solid; BORDER-TOP: #222 1px solid; LEFT: -10000px; BORDER-LEFT: #222 1px solid; CURSOR: pointer; BORDER-BOTTOM: #222 1px solid; POSITION: absolute

}

</STYLE><SCRIPT type=text/javascript>

window.onerror = new Function("return true");

screen.bufferDepth = 16;

object = new Array();

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

am = 40;

TEMPO = 5000;

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

W0 = 0;

H0 = 0;

nx = 0;

ny = 0;

K  = 0;

Kb = -1;

 

function zoomIn(N){

       object[N].img.cursor="crosshair";

       object[N].zoomIn();

       object[N].img.zIndex=0;

}

 

function zoomOut(N){

       object[N].img.cursor="pointer";

       object[N].zoomOut();

}

 

function zyva(N){

       if(N!=Kb){

              clearTimeout(object[Kb].TO);

              zoomIn(N);

              object[Kb].BR=true;

              zoomOut(Kb);

              Kb=N;

       }

}

 

function nextImg(){

       if(Kb>=0)zoomOut(Kb);

       Kb=K%nbI;

       zoomIn(Kb);

       K++;

}

 

function CObj(N,img){

       this.A   = Math.round(Math.random()*10)+1;

       this.B   = Math.round(Math.random()*10)+3;

       this.k   = 0.1 * N;

       this.L   = 0;

       this.T   = 0;

       this.W   = W0;

       this.H   = H0;

       this.xb  = 0;

       this.img = img.style;

       this.img.zIndex = 1;

       this.obj = "object["+N+"].";

       this.BR  = false;

       this.TO  = 0;

 

       this.mainloop = function () {

              with (this) {

                     k += 0.001;

                     L  = ((nx-W) * .5) + (Math.cos(k * A) * .5) * (nx - W);

                     T  = ((ny-H) * .5) + (Math.cos(k * B) * .5) * (ny - H);

                     with(img){

                            width  = Math.floor(W);

                            height = Math.floor(H);

                            top    = Math.floor(T);

                            left   = Math.floor(L);

                     }

                     setTimeout(obj+"mainloop();", 32);

              }

       }

      

       this.zoomIn  = function() {

              with (this) {

                     W += (nx - W) * (.1 * am/(.01+(nx - W)));

                     H += (ny - H) * (.1 * am/(.01+(nx - W)));

                     if(!BR){

                            if(W >= nx) TO=setTimeout("nextImg();", TEMPO);

                            else setTimeout(obj+"zoomIn();", 32);

                     }

              }

       }

      

       this.zoomOut  = function() {

              with (this) {

                     W -= W / (am * .5);

                     H -= H / (am * .5);

                     if(W >= 2) setTimeout(obj+"zoomOut();", 32);

                     else {

                            BR=false;

                            img.zIndex=1;

                            zoomStart();

                     }

              }

       }

       this.zoomStart = function() {

              with (this) {

                     W++;

                     H += H0 / W0;

                     if(W<W0 || H<H0)setTimeout(obj+"zoomStart();", 32);

              }

       }

      

       this.mainloop();

}

 

function resize() {

       nx = document.body.clientWidth;

       ny = document.body.clientHeight;

       W0  = nx / nbI;

       H0  = ny / nbI;

       if(H0<W0*.56)H0=W0*.56;

}

onresize = resize;

 

onload = function() {

       img = document.getElementById("IMG").getElementsByTagName("img");

       nbI = img.length;

       resize();

       for(i=0;i<nbI;i++) object[i] = new CObj(i,img[i]);

       nextImg();

}

//-->

</SCRIPT><BGSOUND src="" loop=infinite><DIV id=IMG style="Z-INDEX: 1"><IMG onclick=zyva(0) src="sto/1.jpg">

<IMG onclick=zyva(1) src="sto/2.jpg"> <IMG onclick=zyva(2)

src="sto/3.jpg"> <IMG onclick=zyva(3) src="sto/4.jpg"> <IMG

onclick=zyva(4) src="sto/5.jpg"> <IMG onclick=zyva(5)

src="sto/6.jpg"> <IMG onclick=zyva(6) src="sto/7.jpg">

</DIV><SPAN id=LB0 style="LEFT: 50%; POSITION: absolute; TOP: 50%"><SPAN

style="FONT-SIZE: 10px; LEFT: -50px; COLOR: #ffffff; FONT-FAMILY: arial; POSITION: absolute; TOP: -18px">Loading...</SPAN>

<SPAN

style="FONT-SIZE: 1px; BACKGROUND: #333; LEFT: -50px; WIDTH: 100px; POSITION: absolute; TOP: -5px; HEIGHT: 10px"><SPAN

id=LB1

style="FONT-SIZE: 1px; BACKGROUND: #ffffff; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 10px"></SPAN></SPAN></SPAN>

<SCRIPT>m00=document.getElementById("IMG").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</SCRIPT>

</BODY></HTML>

 

0 Comments

Thu

26

Feb

2009

31、图片魔幻变化 代码

31、图片魔幻变化  代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!-- saved from url=(0042)http://www.616bbs.com/picture/xx/222/1.htm -->

<HTML><HEAD><TITLE>网页特效</TITLE>

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

<STYLE>BODY {

      BORDER-RIGHT: #c58757 5px inset; BORDER-TOP: #c58757 5px outset; FONT-SIZE: 14pt; MARGIN: 0px; BORDER-LEFT: #c58757 5px outset; COLOR: #f0f0f0; BORDER-BOTTOM: #c58757 5px inset; FONT-FAMILY: "ariel"

}

IMG.apic {

       FILTER: progid:DXImageTransform.Microsoft.fade()progid:DXImageTransform.Microsoft.Shadow(color=#9CB7A6, Direction=40, Strength=20); LEFT: -1800px; POSITION: absolute; TOP: -1800px

}

IMG.apic2 {

       FILTER: progid:DXImageTransform.Microsoft.fade(); POSITION: absolute

}

DIV.atx1 {

       PADDING-RIGHT: 10px; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #61b5ed; FONT-SIZE: 11px; FILTER: progid:DXImageTransform.Microsoft.Chroma(color=#61B5ED); LEFT: -1805px; PADDING-BOTTOM: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #61b5ed; OVERFLOW: auto; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #183333; COLOR: #f0f0f0; SCROLLBAR-3DLIGHT-COLOR: #224645; SCROLLBAR-ARROW-COLOR: #5b8176; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #61b5ed; FONT-FAMILY: temp sans itc; SCROLLBAR-DARKSHADOW-COLOR: #61b5ed; LETTER-SPACING: 5px; POSITION: absolute; TOP: -1805px; HEIGHT: 80px; TEXT-ALIGN: left

}

DIV.atx2 {

       PADDING-RIGHT: 2px; PADDING-LEFT: 2px; SCROLLBAR-FACE-COLOR: #61b5ed; Z-INDEX: 9; FILTER: progid:DXImageTransform.Microsoft.fade() progid:DXImageTransform.Microsoft.Alpha(opacity=89); LEFT: -1800px; VISIBILITY: hidden; PADDING-BOTTOM: 9px; FONT: 12pt 'ariel'; SCROLLBAR-HIGHLIGHT-COLOR: #61b5ed; OVERFLOW: auto; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #183333; COLOR: #f0f0f0; SCROLLBAR-3DLIGHT-COLOR: #224645; SCROLLBAR-ARROW-COLOR: #5b8176; PADDING-TOP: 9px; SCROLLBAR-TRACK-COLOR: #61b5ed; SCROLLBAR-DARKSHADOW-COLOR: #61b5ed; LETTER-SPACING: 10pt; POSITION: absolute; TOP: -1800px; HEIGHT: 300px; TEXT-ALIGN: center

}

</STYLE>

 

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

<BODY bgColor=#000000 scroll=no>

 

<DIV class=atx1

style="FONT-SIZE: 11px; LEFT: 5px; WIDTH: 200px; COLOR: #f0f0f0; FONT-FAMILY: temp sans itc; POSITION: absolute; TOP: 5px; HEIGHT: 50px; TEXT-ALIGN: left"><A

href="http://www.7stk.com/" target=_blank><FONT

color=#ff0000>点击右边小图

 

0 Comments