上一页       3     4     5     6            下一页

Mon

23

Feb

2009

30、文字的循环闪动

30、文字的循环闪动

<html>

 

<head>

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

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

 

<body>

 

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

<!--

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

function enHex(aDigit)

{

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

}

// convert a hex digit into decimal

function deHex(aDigit)

{

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

}

 

// Convert a 24bit number to hex

function toHex(n)

{

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

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

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

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

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

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

}

// Convert a six character hex to decimal

function toDecimal(hexNum)

{

     var tmp = ""+hexNum.toUpperCase()

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

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

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

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

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

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

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

}

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

//global variables

var hoverColour

var numLinks;

var rate;

var numFadeLevels;

var bgR;

var bgG;

var bgB;

var currR;

var currG;

var currB;

var count;

var fadeOut;

var continuous;

var newColour;

var tID;

var redInterval;

var greenInterval;

var blueInterval;

function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)

{

       hoverColour = mouseOverColour;

       numLinks = numberOfLinks;

       rate = 1;

       numFadeLevels = 30;

       function initArray(theArray, length, val)

       {

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

              {

                     theArray[i] = val;

              }

       }

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

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

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

       currR = new Array(numLinks);

       currG = new Array(numLinks);

       currB = new Array(numLinks);

       count = new Array(numLinks);

       fadeOut = new Array(numLinks);

       continuous = new Array(numLinks);

       newColour = new Array(numLinks);

       tID = new Array(numLinks);

       redInterval = toDecimal(bgR) / numFadeLevels;

       greenInterval = toDecimal(bgG) / numFadeLevels;

       blueInterval = toDecimal(bgB) / numFadeLevels;

       initArray(currR,numLinks,0);

       initArray(currG,numLinks,0);

       initArray(currB,numLinks,0);

       initArray(count,numLinks,0);

       initArray(fadeOut,numLinks,true);

       initArray(continuous,numLinks,true);

}    

function startFade(id)

{

       if(fadeOut[id] == true)

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

              currR[id] += redInterval;

              currG[id] += greenInterval;

              currB[id] += blueInterval;

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

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

              {

                     fadeOut[id] = false;

              }

       }

       else

       {

              currR[id] -= redInterval;

 

              currG[id] -= greenInterval;

 

              currB[id] -= blueInterval;

 

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

 

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

 

              {

 

                     fadeOut[id] = true;

 

              }

 

       }

 

       if(continuous[id] == true)

 

       {

 

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

 

       }

 

       else

 

       {

 

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

 

       }

 

       clearTimeout(tID[id]);

 

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

 

}

 

function continueFade(id)

 

{

 

       continuous[id] = true;

 

}

 

function stopFade(id)

 

{

 

       continuous[id] = false;

 

}

 

function StartTimers()

 

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

 

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

 

       {

 

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

 

       }

 

}

 

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

 

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

 

//-->

 

</script>

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

</a>

<br>

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

<br>

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

<br>      

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

<br>

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

<br>

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

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

<!--

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

//-->

</script>

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

29、字幕滚动效果2

29、字幕滚动效果2

<html>

 

<head>

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

<title>网页特效---字幕滚动效果(二)</title>

</head>

 

<body>

 

 

<script type="text/javascript">

 

    //<![CDATA[

 

    <!--

 

    function scrollerObj(name,initH,initW,heightB,widthB,content,initBg,Bg,speed,initFl){

 

    //**data**//

 

    this.name=name;

 

    this.initH=initH;

 

    this.initW=initW;

 

    this.heightB=heightB;

 

    this.widthB=widthB;

 

    this.content=content;

 

    this.initBg=initBg;

 

    this.Bg=Bg;

 

    this.iniFl=initFl;

 

    this.speed=parseInt(speed);

 

    this.timer = name + "Timer";

 

    this.elem;

 

 

 

 

 

    //**methods**//

 

    this.getElement = getElement;

 

    this.createLayer=createLayer;

 

    this.scrollLayer = scrollLayer;

 

    this.scrollLoop=scrollLoop;

 

 

 

    //**initiate methods**//

 

    this.createLayer();

 

    this.getElement();

 

    this.scrollLayer();

 

    }

 

 

 

    //**call this method to stop scrolling**//

 

    function scrollLoop(s){

 

    this.speed = s;

 

    }

 

 

 

    //**pretty obvious**//

 

    function scrollLayer(){

 

    if(parseInt(this.elem.style.top)>(this.elem.offsetHeight*(-1))){

 

        this.elem.style.top = parseInt(this.elem.style.top)-this.speed;

 

        //alert(parseInt(this.elem.style.top)+"\n"+this.elem.id);

 

    }

 

    else {this.elem.style.top = this.initH;}

 

    }

 

 

 

    //**get the specific dom-expression**//

 

    function getElement(){

 

    if(document.getElementById){

 

        this.elem = document.getElementById(this.name);

 

        }

 

    else if (document.all){

 

    this.elem = document.all[name];

 

        }

 

    else if (document.layers){

 

    this.elem = document.layers[name];

 

        }

 

    }

 

 

 

    //**pretty obvious - if NS4 - please upgrade to a standard compliant browser**//

 

    function createLayer(){

 

    if(document.getElementById || document.all){

 

    document.write('<div id="layer'+this.name+'" style="position:relative;overflow:hidden;float:'+this.initFl+';background-color:#'+this.initBg+';border:1px solid black;width:'+this.initW+'px;height:'+this.initH+'px;" onMouseover="'+this.name+'.scrollLoop(0)" onMouseout="'+this.name+'.scrollLoop('+this.speed+')">');

 

    document.write('<div id="'+this.name+'" style="position:absolute;top:'+this.initH+'px;left:0px;border:0px solid black;width:'+this.widthB+'px;height:'+this.heightB+'px;background-color:#'+this.Bg+'">');

 

    document.write(this.content);

 

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

 

    else if(document.layers){

 

        document.write('<ilayer name="'+this.name+'" bgcolor="#'+this.Bg+'" width="'+this.widthB+'" height="'+this.heightB+'">'+this.content+'<\/ilayer>');

 

        return;

 

    }

 

    if(this.scrollLayer){

 

      this.timer = setInterval(this.name+'.scrollLayer()','30');

 

    }

 

    }

 

 

 

    //-->

 

 

 

 

 

    //]]>

 

    </script>

 

    <style media="screen" type="text/css">

 

    /*<![CDATA[*/

 

    <!--

 

    P{color:#465d5c;margin:3px;}

 

    A{color:#e86500}

 

    H1{color:#465d5c;font-size:11px;font-weight:normal;font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;margin:3px; padding:0px}

 

    H2{color:#465d5c;font-size:11px;font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;margin:3px; padding:0px}

 

    .art{font-weight:normal;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;width:100%;border-top:1px solid #FFFFFF;border-bottom:1px solid #FF7F00; padding:3px;margin-bottom:10px;text-align: justify;}

 

    .state{color:#e86500;margin-left:5px;margin-right:5px;}

 

    #art1{background-color:#FFBB00;}

 

    #art2{background-color:#FFCC00;}

 

    #art3{background-color:#FFDD00;}

 

    #art4{background-color:#FFEE00;}

 

    #main{background-image: url(img/bg_px_3.gif);background-color: #cc6600;width:600px;padding-bottom:75px;border:1px solid white}

 

    #logo{margin-left:10px; margin-top:3px; margin-bottom:10px; font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;width:100%;}

 

    #date{font-size:9px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;color:#545454}

 

 

 

    -->

 

    /*]]>*/

 

    </style>

 

<div align="center">

 

        <script type="text/javascript">

 

        //<![CDATA[

 

        <!--

 

        var c = new scrollerObj('c','200','200','200','200','<h1>滚动新闻<\/h1><p>本站提供最新免费网页制作特效代码,包括鼠标类网页特效代码,文字类网页特效代码,菜单类网页特效代码,背景类网页特效代码等。非常精彩,都经过站长的精心挑选,绝对使你满意!本站大部分网页特效代码来自网上,若有侵权,请来函 ,站长一经查实立刻删除!网页特效代码本着以人为本,服务大众,力求免费为各站长的网上小屋添砖加瓦,你的满意是我最大的幸福,你的意见是我最大的财富! <a href="mailto:webm0101aster@n.one.port5.com">mail me<\/a><\/p>','FFDD00','cccccc','2','center');//修改背景和滚动字幕的宽度、高度和颜色

 

        //-->

 

        //]]>

 

        </script>

 

</div>

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

28、字幕滚动效果

28、字幕滚动效果

<html>

 

<head>

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

<title>网页特效---字幕滚动效果(二)</title>

</head>

 

<body>

 

 

<script type="text/javascript">

 

    //<![CDATA[

 

    <!--

 

    function scrollerObj(name,initH,initW,heightB,widthB,content,initBg,Bg,speed,initFl){

 

    //**data**//

 

    this.name=name;

 

    this.initH=initH;

 

    this.initW=initW;

 

    this.heightB=heightB;

 

    this.widthB=widthB;

 

    this.content=content;

 

    this.initBg=initBg;

 

    this.Bg=Bg;

 

    this.iniFl=initFl;

 

    this.speed=parseInt(speed);

 

    this.timer = name + "Timer";

 

    this.elem;

 

 

 

 

 

    //**methods**//

 

    this.getElement = getElement;

 

    this.createLayer=createLayer;

 

    this.scrollLayer = scrollLayer;

 

    this.scrollLoop=scrollLoop;

 

 

 

    //**initiate methods**//

 

    this.createLayer();

 

    this.getElement();

 

    this.scrollLayer();

 

    }

 

 

 

    //**call this method to stop scrolling**//

 

    function scrollLoop(s){

 

    this.speed = s;

 

    }

 

 

 

    //**pretty obvious**//

 

    function scrollLayer(){

 

    if(parseInt(this.elem.style.top)>(this.elem.offsetHeight*(-1))){

 

        this.elem.style.top = parseInt(this.elem.style.top)-this.speed;

 

        //alert(parseInt(this.elem.style.top)+"\n"+this.elem.id);

 

    }

 

    else {this.elem.style.top = this.initH;}

 

    }

 

 

 

    //**get the specific dom-expression**//

 

    function getElement(){

 

    if(document.getElementById){

 

        this.elem = document.getElementById(this.name);

 

        }

 

    else if (document.all){

 

    this.elem = document.all[name];

 

        }

 

    else if (document.layers){

 

    this.elem = document.layers[name];

 

        }

 

    }

 

 

 

    //**pretty obvious - if NS4 - please upgrade to a standard compliant browser**//

 

    function createLayer(){

 

    if(document.getElementById || document.all){

 

    document.write('<div id="layer'+this.name+'" style="position:relative;overflow:hidden;float:'+this.initFl+';background-color:#'+this.initBg+';border:1px solid black;width:'+this.initW+'px;height:'+this.initH+'px;" onMouseover="'+this.name+'.scrollLoop(0)" onMouseout="'+this.name+'.scrollLoop('+this.speed+')">');

 

    document.write('<div id="'+this.name+'" style="position:absolute;top:'+this.initH+'px;left:0px;border:0px solid black;width:'+this.widthB+'px;height:'+this.heightB+'px;background-color:#'+this.Bg+'">');

 

    document.write(this.content);

 

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

 

    else if(document.layers){

 

        document.write('<ilayer name="'+this.name+'" bgcolor="#'+this.Bg+'" width="'+this.widthB+'" height="'+this.heightB+'">'+this.content+'<\/ilayer>');

 

        return;

 

    }

 

    if(this.scrollLayer){

 

      this.timer = setInterval(this.name+'.scrollLayer()','30');

 

    }

 

    }

 

 

 

    //-->

 

 

 

 

 

    //]]>

 

    </script>

 

    <style media="screen" type="text/css">

 

    /*<![CDATA[*/

 

    <!--

 

    P{color:#465d5c;margin:3px;}

 

    A{color:#e86500}

 

    H1{color:#465d5c;font-size:11px;font-weight:normal;font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;margin:3px; padding:0px}

 

    H2{color:#465d5c;font-size:11px;font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;margin:3px; padding:0px}

 

    .art{font-weight:normal;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;width:100%;border-top:1px solid #FFFFFF;border-bottom:1px solid #FF7F00; padding:3px;margin-bottom:10px;text-align: justify;}

 

    .state{color:#e86500;margin-left:5px;margin-right:5px;}

 

    #art1{background-color:#FFBB00;}

 

    #art2{background-color:#FFCC00;}

 

    #art3{background-color:#FFDD00;}

 

    #art4{background-color:#FFEE00;}

 

    #main{background-image: url(img/bg_px_3.gif);background-color: #cc6600;width:600px;padding-bottom:75px;border:1px solid white}

 

    #logo{margin-left:10px; margin-top:3px; margin-bottom:10px; font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;width:100%;}

 

    #date{font-size:9px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;color:#545454}

 

 

 

    -->

 

    /*]]>*/

 

    </style>

 

<div align="center">

 

        <script type="text/javascript">

 

        //<![CDATA[

 

        <!--

 

        var c = new scrollerObj('c','200','200','200','200','<h1>滚动新闻<\/h1><p>本站提供最新免费网页制作特效代码,包括鼠标类网页特效代码,文字类网页特效代码,菜单类网页特效代码,背景类网页特效代码等。非常精彩,都经过站长的精心挑选,绝对使你满意!本站大部分网页特效代码来自网上,若有侵权,请来函 ,站长一经查实立刻删除!网页特效代码本着以人为本,服务大众,力求免费为各站长的网上小屋添砖加瓦,你的满意是我最大的幸福,你的意见是我最大的财富! <a href="mailto:webm0101aster@n.one.port5.com">mail me<\/a><\/p>','FFDD00','cccccc','2','center');//修改背景和滚动字幕的宽度、高度和颜色

 

        //-->

 

        //]]>

 

        </script>

 

</div>

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

27、一些字的特效代码

27、一些字的特效代码

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY BGCOLOR="#D4D4D4" onLoad="alert('这些代码小却很有用哦')">

 

<H1 ALIGN=CENTER>会移动的文字(Marquee)</H1>

 

<CENTER><P>

<HR></P></CENTER>

 

<CENTER><P><!--################## Basic ########################--><A NAME="marquee"></A></P></CENTER>

 

<H2>基本语法</H2>

 

<P><!------Basic-------></P>

 

<H3><marquee> ... </marquee></H3>

 

<DL>

<DD><TT><marquee>啦啦啦,我会移动耶!</marquee> </TT></DD>

</DL>

 

<P><marquee>啦啦啦,我会移动耶!</marquee> </P>

 

<PRE>

</PRE>

 

<P><!--################## Scroll ########################--><A NAME="scrolla"></A></P>

 

<H2>文字移动属性的设置</H2>

 

<P><!------Direction-------><A NAME="dir"></A></P>

 

<H3>方向 <direction=#> #=left, right</H3>

 

<DL>

<DD><TT><marquee direction=left>啦啦啦,我从右向左移!</marquee> <P><BR>

<marquee direction=right>啦啦啦,我从左向右移!</marquee> </TT></DD>

</DL>

 

<P><marquee direction=left>啦啦啦,我从右向左移!</marquee> </P>

 

<P><marquee direction=right>啦啦啦,我从左向右移!</marquee> </P>

 

<PRE>

</PRE>

 

<P><!------BEHAVIOR-------><A NAME="style"></A></P>

 

<H3>方式 <bihavior=#> #=scroll, slide, alternate</H3>

 

<DL>

<DD><TT><marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>

<P><BR>

<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P><BR>

<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee> </TT></DD>

</DL>

 

<P><marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> </P>

 

<P><marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> </P>

 

<P><marquee behavior=alternate>啦啦啦,我来回走耶!</marquee> </P>

 

<PRE>

</PRE>

 

<P><!------LOOP-------><A NAME="loop"></A></P>

 

<H3>循环 <loop=#> #=次数;若未指定则循环不止(infinite)</H3>

 

<DL>

<DD><TT><marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>

<P><BR>

<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee>

<P><BR>

<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

</TT></DD>

</DL>

 

<P><marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>

</P>

 

<P><marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> </P>

 

<P><marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

</P>

 

<PRE>

</PRE>

 

<P><!------SCROLL AMOUNT-------><A NAME="scroll"></A></P>

 

<H3>速度 <scrollamount=#></H3>

 

<DL>

<DD><TT><marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

</TT></DD>

</DL>

 

<P><marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee> </P>

 

<PRE>

</PRE>

 

<P><!------SCROLL DELAY-------></P>

 

<H3>延时 <scrolldelay=#></H3>

 

<DL>

<DD><TT><marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

</TT></DD>

</DL>

 

<P><marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

</P>

 

<PRE>

</PRE>

 

<P><!--################## LAYOUT ########################--><A NAME="layout"></A></P>

 

<H2>外观(Layout)设置</H2>

 

<P><!------ALign-------><A NAME="align"></A></P>

 

<H3>对齐方式(Align) <align=#> #=top, middle, bottom</H3>

 

<DL>

<DD><TT><font size=6><BR>

<marquee align=# width=400>啦啦啦,我会移动耶!</marquee><BR>

</font><BR>

对齐上沿、中间、下沿。</TT></DD>

</DL>

 

<FONT SIZE=6>

<P><marquee align=top width=400>啦啦啦,我会移动耶!</marquee>

</FONT>对齐上沿。</P>

 

<FONT SIZE=6>

<P><marquee align=middle width=400>啦啦啦,我会移动耶!</marquee>

</FONT>对齐中间。</P>

 

<FONT SIZE=6>

<P><marquee align=bottom width=400>啦啦啦,我会移动耶!</marquee>

</FONT>对齐下沿。</P>

 

<PRE>

 

</PRE>

 

<P><!------Background Color-------><A NAME="color"></A></P>

 

<H3>底色 <bgcolor=#> </H3>

<DL>

<DD><B>#=rrggbb</B> 16 进制数码,或者是下列预定义色彩</A><BR>

<FONT COLOR="#000000">Black</FONT>, <FONT COLOR="#808000">Olive</FONT>,

<FONT COLOR="#008080">Teal</FONT>, <FONT COLOR="#FF0000">Red</FONT>, <FONT COLOR="#0000FF">Blue</FONT>,

<FONT COLOR="#800000">Maroon</FONT>, <FONT COLOR="#000080">Navy</FONT>,

<FONT COLOR="#808080">Gray</FONT>, <FONT COLOR="#00FF00">Lime</FONT>, <BR>

<FONT COLOR="#FF00FF">Fuchsia</FONT>, <FONT COLOR="#FFFFFF">White</FONT>,

<FONT COLOR="#008000">Green</FONT>, <FONT COLOR="#800080">Purple</FONT>,

<FONT COLOR="#C0C0C0">Silver</FONT>, <FONT COLOR="#FFFF00">Yellow</FONT>,

<FONT COLOR="#00FFFF">Aqua</FONT> </DD>

</DL>

 

<DL>

<DD><TT><marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee> </TT></DD>

</DL>

 

<P><marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee> </P>

 

<PRE>

</PRE>

 

<P><!------Size-------><A NAME="size"></A></P>

 

<H3>面积 <height=# width=#></H3>

 

<DL>

<DD><TT><marquee height=40 width=50% bgcolor=aaeeaa><BR>

啦啦啦,我会移动耶!<BR>

</marquee> </TT></DD>

</DL>

 

<P><marquee height=40 width=50% bgcolor=aaeeaa>啦啦啦,我会移动耶!</marquee>

</P>

 

<PRE>

</PRE>

 

<P><!------Margins-------><A NAME="margin"></A></P>

 

<H3>空白(Margins)<hspace=# vspace=#></H3>

 

<DL>

<DD><TT>********************************************<br><BR>

,<BR>

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee><BR>

大家好!<br><BR>

******************************************** </TT></DD>

</DL>

 

<P>********************************************<BR>

, <marquee hspace=20 vspace=20 width=150

bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>

大家好!<BR>

******************************************** </P>

 

<PRE>

</PRE>

</HTML>

 

 

 

0 Comments

Mon

23

Feb

2009

26、打字效果的文字切换

26、打字效果的文字切换

<html>

 

<head>

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

<title>网页特效---打字效果的文字切换</title>

</head>

 

<body>

 

<script language="JavaScript1.2">

<!--

 

/*

Typing Scroller

Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)

With modifications by Dynamicdrive.com

For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com

*/

 

//设置滚动的内容

var line=new Array()

line[1]="欢迎光临网页特效"

line[2]="http://linkweb.cn/js"

line[3]="提出宝贵意见"

line[4]="希望你喜欢这种模式"

line[5]="再次感谢你的光临"

 

//设置字体大小

var ts_fontsize="16px"

 

//--Don't edit below this line

 

var longestmessage=1

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

if (line[i].length>line[longestmessage].length)

longestmessage=i

}

 

//Auto set scroller width

var tscroller_width=line[longestmessage].length

 

lines=line.length-1 //--Number of lines

 

//if IE 4+ or NS6

if (document.all||document.getElementById){

document.write('<form name="bannerform">');

document.write('<input type="text" name="banner" size="'+tscroller_width+'"');

document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">');

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

}

 

temp=""

nextchar=-1;

nextline=1;

cursor="\\"

function animate(){

if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){

nextline++;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){

nextline=1;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else{

nextstep()}}

 

function nextstep(){

 

if (cursor=="\\"){

cursor="|"}

else if (cursor=="|"){

cursor="/"}

else if (cursor=="/"){

cursor="-"}

else if (cursor=="-"){

cursor="\\"}

 

 

nextchar++;

temp+=line[nextline].charAt(nextchar);

document.bannerform.banner.value=temp+cursor

setTimeout("animate()",100)}

 

//if IE 4+ or NS6

if (document.all||document.getElementById)

window.onload=animate

// -->

</script>

 

</body>

 

</html>

 

2 Comments

Mon

23

Feb

2009

25、字幕滚动一个效果

25、字幕滚动一个效果

<html>

 

<head>

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

<title>网页特效--不断变换各种颜色的文本</title>

 

<body>

 

<script LANGUAGE="JavaScript1.2">

<!-- Begin

function initArray() {

this.length = initArray.arguments.length;

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

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

}

}

var ctext = "欢迎光临本站";

var speed = 1000;

var x = 0;

var color = new initArray(

//改变下面的颜色。

"red",

"aqua",

"lime",

"black",

"white",

"yellow",

"#FF00FF",

"#00FFFF",

"#000000",

"#0000FF",

"#FF00FF",

"#808080",

"#008000",

"#00FF00",

"#800000",

"#000000",

"#808000",

"#800080",

"#FF0000",

"#C0C0C0",

"#008080",

"#FFFFFF",

"#FFFF00"

);

 

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

document.write('<layer id="c"><center>'+ctext+'</center></layer><br>');

}

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

document.write('<div id="c"><center>'+ctext+'</center></div>');

}

function chcolor(){

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

document.c.document.write('<center><font color="'+color[x]);

document.c.document.write('">'+ctext+'</font></center>');

document.c.document.close();

}

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

document.all.c.style.color = color[x];

}

(x < color.length-1) ? x++ : x = 0;

}

setInterval("chcolor()",1000);

// End -->

</script>

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

24、天外飞仙特效代码

24、天外飞仙特效代码

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

 

<h2><span id="fly"></span></h2>

<script>

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

 

message = "网页特效代码-----http://www30.websamba.com/touxiao";

distance = 50;

speed = 100;

 

if (!document.all)

document.write('<h2>'+message+'</h2>')

 

</script>

 

<script language="JavaScript1.2">

 

txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto=""

function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i) != "$"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"};else{txt=txt+"<br>"}};fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofwi=fly.offsetWidth;flyofto=fly.offsetTop;fly2b()}

function fly2b(){if(num4 != message.length){if(message.charAt(num4) != "$"){eval("n"+num4+".style.left=flyofle-n"+num4+".offsetLeft+flyofwi/2");eval("n"+num4+".style.top=flyofto-n"+num4+".offsetTop+distance");eval("fly3('n"+num4+"',eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}}

function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-'){lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2) != -1){eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2)")};else{eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) != '-'){top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2) != -1){eval(target+".style.top=Math.floor(top2)")};else{eval(target+".style.top=Math.floor(top2+1)")};setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}};

stfly()

</script>

 

0 Comments

Mon

23

Feb

2009

23、很酷文字显示效果

23、很酷文字显示效果

<html>

 

<head>

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

<title>网页特效---很酷的文字显示效果</title>

</head>

 

<body onload=startmot()>

 

<STYLE>

.let {

       COLOR: white; FILTER: Shadow (Color="#ff0000", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1"); FONT-FAMILY: Verdana; FONT-WEIGHT: bold; WIDTH: 500px

}

</STYLE>

<SCRIPT language=JavaScript>

var regel = 0;                //row to start with

var size = 20;                //size of font

var delay = 1200;         //Delay between messages in msecs

var speed = 20;                    //Hmmmmmm

var step = 10;                //Size of each step

 

 

var sent = new Array()

{

sent[0] = "欢迎光临网页特效";

sent[1] = "这里有上千个代码";

sent[2] = "网站设计制作必不可少";

sent[3] = "这时里有大量的教学文章";

sent[4] = "这里是你制作网站的好地方";

sent[5] = "欢迎你常来坐坐!!!";

}

 

sent[sent.length] = sent[0];var veran = 0;var num = 0;var x = 0;//Don't change

function moto(){output = "";for(letter = 0;letter<sent[regel+1].length;letter++){

if(veran == letter){if(x==0){num=num+step;}else{num=num-step;}gr = size-num;

if(gr < 1){x=1;gr=1;}if(gr>size)gr=size;

output += "<font style='font-size:"+gr +"pt'>"+sent[regel+x].substring(letter, letter+1)+"</font>";

if(num < 0 && x==1){veran++;x=0;}}else{if(veran > letter){

output += "<font style='font-size:"+size +"pt'>"+sent[regel+1].substring(letter, letter+1)+"</font>";

}else{output += "<font style='font-size:"+size +"pt'>"+sent[regel].substring(letter, letter+1)+"</font>";}}}

return output;}function startmot(){if(regel==sent.length-1)regel=0;balk.innerHTML = moto();

if(veran==sent[regel+1].length){regel++;veran = 0;setTimeout("startmot()", delay);}else{

setTimeout("startmot()", speed);}}

 

</SCRIPT>

 

<TABLE align=center bgColor=#008000 height=60 id=tafel

onclick='location="http://www.7stk.com"' style="CURSOR: hand"

  width=500><TBODY>

  <TR>

    <TD bgColor=#ff6666>

      <DIV align=center class=let id=balk></DIV></TD></TR></TBODY></TABLE>

 

<p> </p>

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

22、文字破碎形式组合

22、文字破碎形式组合

<html>

 

<head>

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

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

<SCRIPT>

var textwidth=200

var textheight=40

var message=new Array()

message[0]="你好"

message[1]="欢迎"

message[2]="光临"

message[3]="网页特效"

var x_finalpos=-1

var y_finalpos=50

var x_slices=24

var y_slices=1

var pause=10

var screenwidth=700

var screenheight=400

var x_step=new Array()

var y_step=new Array()

var x_randompos=0

var y_randompos=0

var i_loop=0

var max_loop=24

var i_text=0

var width_slice=Math.floor(textwidth/x_slices)

var height_slice=Math.floor(textheight/y_slices)

var cliptop=0

var clipbottom=height_slice

var clipleft=0

var clipright=width_slice

var spancounter=0

 

function initiate() {

       if (x_finalpos==-1) {

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

       }

       if (y_finalpos==-1) {

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

       }

       cliptop=0

       clipbottom=height_slice

       clipleft=0

       clipright=width_slice

       i_loop=0

       spancounter=0

    if (document.all) {

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

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

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

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

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

                            thisspan.posLeft=x_randompos

                            thisspan.posTop=y_randompos

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

                            clipleft+=width_slice

                      clipright+=width_slice

                      spancounter++

                     }

               clipleft=0

               clipright=width_slice

               cliptop+=height_slice

               clipbottom+=height_slice

              }

   }

   explode_IE()

}

 

function changetext() {

       spancounter=0

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

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

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

                     thisspan.posLeft=-5000

                     spancounter++

              }

       }

       spancounter=0

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

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

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

                     var thisinnerspan=eval("span"+spancounter)

                  thisinnerspan.innerHTML=message[i_text]

                     spancounter++

              }

       }

       i_text++

       initiate()

}

 

 

function explode_IE() {

       spancounter=0

       if (i_loop<=max_loop-1) {

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

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

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

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

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

                            thisspan.posLeft+=x_step[spancounter]

                            thisspan.posTop+=y_step[spancounter]

                            spancounter++

                     }

              }

              i_loop++

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

       }

       else {

              spancounter=0

              clearTimeout(timer)

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

       }

}

 

 

// - End of JavaScript - -->

</SCRIPT>

 

<STYLE>.spanstyle {

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

}

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

<!--

<!--

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

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

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

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

}

MM_reloadPage(true);

// -->

 

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

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

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

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

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

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

}

 

function MM_showHideLayers() { //v3.0

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

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

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

    obj.visibility=v; }

}

//-->

</script>

 

</head>

 

<body onload=changetext()>

<SCRIPT>

<!-- Beginning of JavaScript -

if (document.all) {

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

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

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

                     spancounter++

              }

       }

       spancounter=0

}

// - End of JavaScript - -->

</SCRIPT>

 

</body>

 

</html>

0 Comments

Mon

23

Feb

2009

21、可以开合的文字说明

21、可以开合的文字说明

<html>

 

<head>

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

<title>网页特效---可以开合的文字说明</title>

</head>

 

<body>

 

<style type="text/css">

DIV.clTopMenu{position:absolute; width:101; height:150; clip:rect(0,101,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#00CCFF}

DIV.clTopMenuBottom{position:absolute; width:101; height:3; clip:rect(0,101,3,0); top:11; layer-background-color:#CECFCE; background-color:#000099; z-index:2}

DIV.clTopMenuText{position:absolute; width:91; left:5; top:15; font-family:"Arial", "Helvetica", "sans-serif"; font-size:9pt; background-color:#EEEEEE; z-index:1; color: #000000}

 

a:link {  color: #000000; text-decoration: none}

</style>

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

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

NewsMenu

*   Copyright (C) 2001 Thomas Brattli

*   This script was released at DHTMLCentral.com

*   Visit for more great scripts!

*   This may be used and changed freely as long as this msg is intact!

*   We will also appreciate any links you could give us.

*

*   Made by Thomas Brattli

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

 

function lib_bwcheck(){ //Browsercheck (needed)

       this.ver=navigator.appVersion

       this.agent=navigator.userAgent

       this.dom=document.getElementById?1:0

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

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

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

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

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

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

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

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

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

       return this

}

var bw=new lib_bwcheck()

 

 

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

If you want to change the appearens on the text, background-colors, size or

anything do that in the style tag above.

 

This menu might not be as easy to adapt to your own site, but please

play around with it before you mail me for help...

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

 

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

Variables to set.

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

 

//There are 2 ways these menus can be placed

// 0 = column

// 1 = row

nPlace=0

 

 

//How many menus do you have? (remember to copy and add divs in the body if you add menus)

var nNumberOfMenus=2

//修改图层的显示位置

var nMwidth=101 //The width on the menus (set the width in the stylesheet as well)

var nPxbetween=20 //Pixels between the menus

var nFromleft=10 //The first menus left position

var nFromtop=20 //The top position of the menus

var nBgcolor='#CECFCE' //The bgColor of the bottom mouseover div

var nBgcolorchangeto='#6380BC' //The bgColor to change to

var nImageheight=11 //The position the mouseover line div will stop at when going up!

 

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

You shouldn't have to change anything below this

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

//Object constructor

function makeNewsMenu(obj,nest){

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

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

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

       this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight

       this.moveIt=b_moveIt;this.bgChange=b_bgChange;

       this.slideUp=b_slideUp; this.slideDown=b_slideDown;

       this.clipTo=b_clipTo;

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

}

//Objects methods

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

function b_bgChange(color){if(bw.dom || bw.ie4) this.css.backgroundColor=color; else this.css.bgColor=color}

function b_clipTo(t,r,b,l){

       if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l

       }else this.css.clip="rect("+t+","+r+","+b+","+l+")";

}

function b_slideUp(ystop,moveby,speed,fn,wh){

       if(!this.slideactive){

              if(this.y>ystop){

                     this.moveIt(this.x,this.y-5); eval(wh)

                     setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)

              }else{

                     this.slideactive=false; this.moveIt(0,ystop); eval(fn)

              }

       }

}

function b_slideDown(ystop,moveby,speed,fn,wh){

       if(!this.slideactive){

              if(this.y<ystop){

                     this.moveIt(this.x,this.y+5); eval(wh)

                     setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)

              }else{

                     this.slideactive=false; this.moveIt(0,ystop); eval(fn)

              }

       }

}

//Initiating the page, making cross-browser objects

function newsMenuInit(){

       oTopMenu=new Array()

       zindex=10

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

              oTopMenu[i]=new Array()

              oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)

              oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)

              oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)

              oTopMenu[i][1].moveIt(0,nImageheight)

              oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)

              if(!nPlace) oTopMenu[i][0].moveIt(i*nMwidth+nFromleft+(i*nPxbetween),nFromtop)

              else{

                     oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))

                     oTopMenu[i][0].css.zIndex=zindex--

              }

              oTopMenu[i][0].css.visibility="visible"

       }

}

//Moves the menu

function topMenu(num){

       if(oTopMenu[num][1].y==nImageheight) oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)')

       else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20) oTopMenu[num][1].slideUp(nImageheight,10,40,'oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)')

}

//Changes background onmouseover

function menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}

function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}

 

//Calls the init function onload

onload=newsMenuInit;

</script>

 

<div id="divTopMenu0" class="clTopMenu" align="center" style="height: 170; left: 20; top: 20"><span class="css3"><a href="#" onMouseOver="menuOver(0)" onMouseOut="menuOut(0)" onClick="topMenu(0); if(bw.dom || bw.ie4)this.blur(); return false">关于本站</a>

  </span>

  <div id="divTopMenuText0" class="clTopMenuText"> <span class="css3">  本网站是为广大的网页设计者服务的网站。网站收集了大量的网页素材、JSP编程、图形特效、JavaST特效和网页制作工具的使用方法。</span><font size="2"><font color="#000000"></font></font></div>

  <div id="divTopMenuBottom0" class="clTopMenuBottom" style="top: 11; height: 10"></div>

</div>

<div id="divTopMenu1" class="clTopMenu" align="center" style="height: 190; left: 131; top: 20"><span class="css3"><a href="#" onMouseOver="menuOver(1)" onMouseOut="menuOut(1)" onClick="topMenu(1); if(bw.dom || bw.ie4)this.blur(); return false">网页特效</a>

  </span>

  <div id="divTopMenuText1" class="clTopMenuText">

    本页从上千个网页特效中精选出几百个实用的网页特效并做了严格的测试和详细的说明。如果你在使用中有什么问题,请来信告诉我们。

    <br>

  </div>

  <div id="divTopMenuBottom1" class="clTopMenuBottom"></div>

</div>

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

20、闪动的文字代码

20、闪动的文字代码

<HTML>

<HEAD>

<TITLE>网页特效---闪动的文字</TITLE>

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

</HEAD>

<BODY bgColor=#ff0000 leftMargin=0 onload=doWave(0) topMargin=0>

<TABLE border=0 cellPadding=0 style="FONT-SIZE: 9pt" width="100%">

  <TBODY>

  <TR>

    <TD align=middle style="COLOR: rgb(255,255,0)" width="100%">

      <SCRIPT language=JavaScript>

 

function nextSize(i,incMethod,textLength)

{

if (incMethod == 1) return (32*Math.abs( Math.sin(i/(textLength/3.14))) );

if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));

}

 

function sizeCycle(text,method,dis)

{

       output = "";

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

       {

              size = parseInt(nextSize(i +dis,method,text.length));

              output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";

       }

       theDiv.innerHTML = output;

}

 

function doWave(n)

{  

       theText = "======新春快乐======";

       sizeCycle(theText,1,n);

       if (n > theText.length) {n=0}

       setTimeout("doWave(" + (n+1) + ")", 50);

}

</SCRIPT>

 

      <DIV align=center id=theDiv></DIV></TD></TR>

  <TR>

    <TD align=middle width="100%">

      <SCRIPT language=JavaScript><!--

today=new Date();

jran=today.getTime();

 

function rnd() {

 

    ia=9301;

    ic=49297;

    im=233280;

 

    jran = (jran*ia+ic) % im;

    return jran/(im*1.0);

};

 

function rand(number) {

 

    return Math.ceil(rnd()*number);

};

 

document.write("<CENTER>");

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

    myNum=(rand(10)); //改成你要随机显示的图片数;

if(myNum == 1) document.write("<img src='images/bg.gif'>");

if(myNum == 2) document.write("<img src='images/flag.gif'>"); //图片路径,可用http://

if(myNum == 3) document.write("<img src='images/developer.gif'>");

if(myNum == 4) document.write("<img src='images/k0212.gif'>");

if(myNum == 5) document.write("<img src='images/bg.gif'>");

if(myNum == 6) document.write("<img src='images/pao_3366ff.gif'>");

if(myNum == 7) document.write("<img src='images/k0212.gif'>");

if(myNum == 8) document.write("<img src='images/flag.gif'>");

if(myNum == 9) document.write("<img src='images/pao_6699cc.gif'>");

if(myNum == 10) document.write("<img src='images/flag.gif'>");

    else {

document.write();

}

 

};

 

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

// --></SCRIPT>

    </TD></TR>

</TBODY></TABLE>

<p>

 </p>

 

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

 

 

 

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

 

 

 

</BODY></HTML>

 

0 Comments

Mon

23

Feb

2009

19、样表控制相应文字

19、样表控制相应文字

<html>

 

<head>

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

<title>网页特效--样式表控制相应文字的显示效果</title>

<STYLE>

BODY {font-size: 8pt; font-family: Arial;}

.datahead {border-left:1 solid none #909090; border-right:1 solid none #303030; border-top:1 solid none #909090; border-bottom:1 solid none #303030; font-size: 8pt; font-family: Arial; background-color: #505050; color: #FFFFFF; }

.dataitem {border-left:1 solid none #CFCFCF; border-right:1 solid none #505050; border-top:1 solid none #CFCFCF; border-bottom:1 solid none #505050; font-size: 8pt; font-family: Arial; background-color: #C0C0C0; color: #000000; }

</STYLE>

</head>

 

<body>

<SCRIPT>

function fnSetData(){

       for(var i=1;i<oData.rows.length;i++)

       {

              var oWorkRow=oData.rows(i);

              oWorkRow.cells(1).innerText=eval("oScratch.style." + oWorkRow.cells(0).innerText);

              oWorkRow.cells(2).innerText=eval("oScratch.runtimeStyle." + oWorkRow.cells(0).innerText);

              oWorkRow.cells(3).innerText=eval("oScratch.currentStyle." + oWorkRow.cells(0).innerText);                           

       }

}

 

function fnChangeStyle(oStyle,sValue){

       if(sValue.indexOf("CLEAR")>-1){

              sValue="";

       }

       eval("oScratch.runtimeStyle." + oStyle + "='" + sValue + "'");

       fnSetData();

}

 

function fnInit(){

       fnSetData();

}

window.onload = fnInit;

</SCRIPT>

<H1>样式表控制相应文字</H1>

 

<DIV ID="oScratch" STYLE="border: '5 solid'; border-color: #101010; background-color: #CFCFCF; color: #000000; font-size: 12pt; font-family: 'Arial';">    海湾战争以前,萨达姆在不少阿拉伯人,特别是巴勒斯坦人眼中是头“雄狮”,似乎只有他才能带领阿拉伯兄弟击败以色列并解放被占领土。人们希望萨达姆能让貌合神离的阿拉伯国家重新团结一心,然后利用伊拉克丰富的石油资源来建设一个现代化强国。然而,十多年过去了,人们对萨达姆的期望逐渐消失了,许多巴勒斯坦难民对记者表示,这位伊拉克领导人没有信仰,每天要做的事情仅仅是思考如何保住自己的统治地位。当年,他们曾为萨达姆向以色列发射的39枚“飞毛腿”导弹而欢欣鼓舞,并认为自己“翻身时候到了”,现在这些希望都落空了。

<P>    从开罗到安曼,普通民众在谈到伊拉克的时候,无不担心这个国家里哪些饱经苦难的百姓能否再次经受得住美国各类新式武器的狂轰滥炸,虽然他们对反复无常的萨达姆政权已经不再“感兴趣”,但对美国趾高气扬行径的憎恶程度却没有丝毫降低。不过,目前依然有许多巴勒斯坦人非常支持萨达姆,因为只有这位领导人坚持不断出来谴责以色列,尽管这种口头抨击似乎没有任何作用,但至少能给他们少许安慰。阿拉伯人表示,美国发动对伊拉克战争根本不是为了什么推进民主,而是看中了当地丰富的石油资源,并以此在确定自己在中东地区的霸主地位

</DIV>

<P>

<TABLE ID="oData">

<TR>

<TD CLASS="datahead">CSS Property</TD>

<TD CLASS="datahead">style</TD>

<TD CLASS="datahead">runtimeStyle</TD>

<TD CLASS="datahead">currentStyle</TD>

<TD CLASS="datahead"><b>Select a Value</b></TD>

</TR>

<TR>

<TD CLASS="dataitem">backgroundColor</TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"><SELECT CLASS="dataitem"  onchange="fnChangeStyle('backgroundColor',this.options(this.selectedIndex).text)">

<OPTION>Indigo

<OPTION>MistyRose

<OPTION>MediumOrchid

<OPTION>Pink

<OPTION>Yellow

<OPTION>CLEAR THIS RUNTIME STYLE

</SELECT>

</td>

</TR>

<TR>

<TD CLASS="dataitem">borderColor</TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"><SELECT CLASS="dataitem"  onchange="fnChangeStyle('borderColor',this.options(this.selectedIndex).text)">

<OPTION>Red

<OPTION>Green

<OPTION>Blue

<OPTION>Yellow

<OPTION>CLEAR THIS RUNTIME STYLE

</SELECT>

</td>

</TR>

<TR>

<TD CLASS="dataitem">color</TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"></TD>

<TD CLASS="dataitem"><SELECT CLASS="dataitem"  onchange="fnChangeStyle('color',this.options(this.selectedIndex).text)">

<OPTION>Red

<OPTION>White

<OPTION>Blue

<OPTION>Yellow

<OPTION>Silver

<OPTION>Gold

<OPTION>CLEAR THIS RUNTIME STYLE

</SELECT>

</td>

</TR>

</TABLE>

 

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

18、滚动文字代码19

18、滚动文字代码19

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

<tr>

<td>

<script language=javascript>

 

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

 

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

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

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

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

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

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

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

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

document.write ("<br>")

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

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

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

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

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

document.write ("</font>")

 

document.write ("</marquee> ")

</script>

</td>

</tr>

</table>

   

 

0 Comments

Mon

23

Feb

2009

17、打印文字代码

17、打印文字代码

<!-- <body bgcolor="#fef4d9" OnLoad="textticker()">替换原有的<body> -->

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

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var max=0;

function textlist() {

max=textlist.arguments.length;

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

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

}

tl = new textlist(

'所有被热烈浸透的夜晚','如此遥远的旋转','所有眼前的远去的黑暗','汇聚现在'

);

var x = 0; pos = 0;

var l = tl[0].length;

function textticker() {

document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";

if(pos++ == l) {

pos = 0;

setTimeout("textticker()", 400);

if(++x == max) x = 0;

l = tl[x].length;

} else

setTimeout("textticker()", 200);

}

//  End -->

</script>

<form name=tickform>

<textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>cool

 

0 Comments

Mon

23

Feb

2009

15、字符不断消隐

15、字符不断消隐

脚本说明:

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

 <SCRIPT>

 

messages = new Array()

messages[0] = "你好,最近忙吗?"

messages[1] = "欢迎你的到来"

messages[2] = "请多呆一会"

messages[3] = "你一定会有所收获的"

messages[4] = "Netscape Navigator不太支持这个"

 

mescolor = new Array()

mescolor[0] = "000000"

mescolor[1] = "FF0000"

mescolor[2] = "008800"

mescolor[3] = "0000FF"

mescolor[4] = "888800"

 

messize = new Array()

messize[0] = "30pt"

messize[1] = "40pt"

messize[2] = "50pt"

messize[3] = "30pt"

messize[4] = "20pt"

 

var i_messages = 0

var timer

 

function dotransition() {

    if (document.all) {

        content.filters[0].apply()

        content.innerHTML = "<span style='color:"+mescolor[i_messages]+";font-size:"+messize[i_messages]+";filter: revealTrans(Transition=12, Duration=3)'>"+messages[i_messages]+"</span>"

        content.filters[0].play()

        if (i_messages >= messages.length-1) {

            i_messages = 0

        }

        else {

            i_messages++

        }

    }

   

    if (document.layers) {

       document.content.document.write("<span style='color:"+mescolor[i_messages]+"'>"+messages[i_messages]+"</span>")

        if (i_messages >= messages.length-1) {

            i_messages = 0

        }

        else {

            i_messages++

        }

    }

    timer = setTimeout("dotransition()",5000)  

}

 

</SCRIPT>

 

 

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

<DIV id=content

style="FILTER: revealTrans(Transition=12, Duration=2); HEIGHT: 200px; LEFT: 93px; POSITION: absolute; TEXT-ALIGN: center; TOP: 21px; WIDTH: 559px"></DIV>

 

 

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

<body bgcolor="#fef4d9" onLoad="show3()">

16、荧光灯一个效果 代码

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

 

<script language="JavaScript1.2">

 

var message="网页特效梦工厂"

var neonbasecolor="0000FF"

var neontextcolor="FF0000"

var flashspeed=100

 

var n=0

if (document.all){

document.write('<font color="'+neonbasecolor+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight">'+message.charAt(m)+'</span>')

document.write('</font>')

 

var tempref=document.all.neonlight

}

else

document.write(message)

 

function neon(){

 

//Change all letters to base color

if (n==0){

for (m=0;m<message.length;m++)

tempref[m].style.color=neonbasecolor

}

 

//cycle through and change individual letters to neon color

tempref[n].style.color=neontextcolor

 

if (n<tempref.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",1500)

return

}

}

 

function beginneon(){

if (document.all)

flashing=setInterval("neon()",flashspeed)

}

beginneon()

 

 

</script>

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

14、文字礼花代码

14、文字礼花代码

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

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

 

<SCRIPT language=JavaScript1.2>

<!-- Begin

var ver  = navigator.appVersion;

var dom  = document.getElementById ? 1 : 0;

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

var n  = (document.layers);

var ie = (document.all);

 

var sparksAflyin = 0;

var totalSparks = 0;

var sparksOn = 1;

function initMouseEvents() {

document.onmousedown = mouseDown;

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

}

function mouseDown(e) {

if (sparksOn) {

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

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

if (!sparksAflyin) {

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

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

sparksAflyin = 1;

totalSparks = 0;

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

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

      }

   }

}

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

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

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

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

if (ie) {

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

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

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

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

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

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

}

if (n) {

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

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

}

j++;

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

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

}

else {

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

totalSparks++;

}

if (totalSparks == 10) {

sparksAflyin = 0;

totalSparks  = 0;

   }

}

function SHOW(divName){

if (document.all)

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

else if (document.layers)

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

}

function HIDE(divName){

if (document.all)

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

else if (document.layers)

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

//  End -->

</SCRIPT>

<DIV id=sparks>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

0 Comments

Mon

23

Feb

2009

13、文字投影效果

13、文字投影效果

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

 

<DIV

style="COLOR: red; FILTER: dropshadow(color=000000, offx=3, offy=3, positive=1); FONT-FAMILY: Arial; FONT-SIZE: 15pt; POSITION: relative; WIDTH: 350px">

网页特效梦工厂

</DIV>

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

</body>

 

</html>

0 Comments

Mon

23

Feb

2009

12、荧光效果 一个代码

12、荧光效果 一个代码

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

 

<span id="theText" style="width:100%">

<h1>网页特效梦工厂</h1>

</span>

 

<script>

<!--

var from = 1;

var to = 4;

var delay = 55;

var glowColor = "lime";

var i = to;

var j = 0;

textPulseDown();

 

function textPulseUp()

{

if (!document.all)

return

if (i < to)

{

theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";

i++;

theTimeout = setTimeout('textPulseUp()',delay);

return 0;

}

 

if (i = to)

{

theTimeout = setTimeout('textPulseDown()',delay);

return 0;

}

 

 

}

 

function textPulseDown()

{

if (!document.all)

return

if (i > from)

{

theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";

i--;

theTimeout = setTimeout('textPulseDown()',delay);

return 0;

}

 

if (i = from)

{

theTimeout = setTimeout('textPulseUp()',delay);

return 0;

}

}

 

//-->

</script>

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

11、圆弧旋转文字

11、圆弧旋转文字

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

 

<SCRIPT language=JavaScript>

<!--

if (document.all){

 

msg="欢迎使用网页特效梦工厂"

msgColor="0000ff";

msgFont="Verdana";

file:

msg=msg.split('');

n=msg.length;

e=360/n;

yp=0;

xp=0;

yb=40;

xb=60;

sa=0.07;

sb=0;

pa=new Array();

pb=new Array();

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

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

+'height:30;width:30;font-family:'+msgFont+';text-align:center;color:'+msgColor+'">'+msg[i]+'</div>');

}

function ani(){

yp=document.body.scrollTop+50;

xp=document.body.scrollLeft+window.document.body.clientWidth-100;

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

logo[i].style.top =yp+yb*Math.sin(sb+i*e*Math.PI/180);

logo[i].style.left=xp+xb*Math.cos(sb+i*e*Math.PI/180);

pb[i]=logo[i].style.pixelTop-yp;

pa[i]=pb[i]-pb[i]*2;

if (pa[i] < 1){

pa[i]=0;

logo[i].style.visibility='hidden';

}

else logo[i].style.visibility='visible';

logo[i].style.fontSize=pa[i]/2.7;

}

sb-=sa;

setTimeout('ani()',100);

}

window.onload=ani;

}

// -->

</SCRIPT>

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

10、文字爬格子代码

10、文字爬格子代码

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

 

<SCRIPT language=JavaScript>

 

msg="网页特效梦工厂"

align="left";

speed=250;

up=true;

spas=" ";

for (a=0;a<=12;a++) {spas+=" "}

msg=spas+msg+spas;

j=eval(-1);

stop=msg.length;

document.write("<form name='form'><table border=0 cellspacing=0 "

+"cellpadding=0 align="+align+">");

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

document.write("<tr><td><input type=text name=\"box"+i+"\" size=1>");

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

}

document.write("</table></form>");

function scrollIt() {

j++;

with (document.form) {

if ((j+12) <= stop) {

box1.value = msg.charAt(j);

box2.value = msg.charAt(j+1);

box3.value = msg.charAt(j+2);

box4.value = msg.charAt(j+3);

box5.value = msg.charAt(j+4);

box6.value = msg.charAt(j+5);

box7.value = msg.charAt(j+6);

box8.value = msg.charAt(j+7);

box9.value = msg.charAt(j+8);

box10.value = msg.charAt(j+9);

box11.value = msg.charAt(j+10);

box12.value = msg.charAt(j+11);

box13.value = msg.charAt(j+12);

} else {

j=0;

   }

}

setTimeout("scrollIt()",speed);     

}

scrollIt();

// End -->

</SCRIPT>

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

9、cool文字演示 代码

9cool文字演示 代码

<!--<BODY onLoad="start()" onUnload="stop()">替换原来的<Body>-->

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

 

<Script Language="Javascript">

bname=navigator.appName;

bversion=parseInt(navigator.appVersion)

if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){

if (bname=="Netscape"){

brows=true

dt=1

}

else{

brows=false

dt=40

}

var z=0;

var msg=0;

var rgb=0;

var status=true;

var updwn=false;

var message= new Array();

var value=0;

var timer1;

var timer2;

var timer3;

var convert = new Array()

var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

 

var bgcolor="#FFFFFF";

var color="#0000FF"; 

 

message[0]='所有被热烈浸透的夜晚'

message[1]='如此遥远的旋转'

message[2]='所有眼前的远去的黑暗'

message[3]='汇聚现在'

 

 

 

 

 

 

 

 

 

 

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

for (y=0; y<16; y++){

convert[value]= hexbase[x] + hexbase[y];

value++;

}

}

 

redx=color.substring(1,3);

greenx=color.substring(3,5);

bluex=color.substring(5,7);

hred=eval(parseInt(redx,16));

hgreen=eval(parseInt(greenx,16));

hblue=eval(parseInt(bluex,16));

eredx=bgcolor.substring(1,3);

egreenx=bgcolor.substring(3,5);

ebluex=bgcolor.substring(5,7);

ered=eval(parseInt(eredx,16));

egreen=eval(parseInt(egreenx,16));

eblue=eval(parseInt(ebluex,16));

red=ered;

green=egreen;

blue=eblue;

 

function start(){

if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){

if (brows)

res=document.layers['textanim'].top

else

res=textanim.style.top

updwn=true;

timer1=window.setInterval('up()',dt)

}

}

 

function stop(){

if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){

window.clearInterval(timer1);

window.clearInterval(timer2);

window.clearTimeout(timer3);

}

}

 

function breakf(){

if (status){

window.clearInterval(timer1);

window.clearInterval(timer2);

window.clearTimeout(timer3);

status=false

return;

}

else{

if (updwn)

timer1=window.setInterval('up()',dt)

else

timer2=window.setInterval('down()',dt)

status=true;

}

}

 

 

function up(){

if (red<hred){

if ((red+15)<hred){

red+=15;

redx = convert[red]

}

else{

red=hred

redx = convert[red]

}

}

 

if (red>hred){

if ((red-15)>hred){

red-=15;

redx = convert[red]

}

else{

red=hred

redx = convert[red]

}

}

 

if (green<hgreen){

if ((green+15)<hgreen){

green+=15;

greenx = convert[green]

}

else{

green=hgreen

greenx = convert[green]

}

}

 

if (green>hgreen){

if ((green-15)>hgreen){

green-=15;

greenx = convert[green]

}

else{

green=hgreen

greenx = convert[green]

}

}

 

if (blue<hblue){

if ((blue+15)<hblue){

blue+=15;

bluex = convert[blue]

}

else{

blue=hblue

bluex = convert[blue]

}

}

 

if (blue>hblue){

if ((blue-15)>hblue){

blue-=15;

bluex = convert[blue]

}

else{

blue=hblue

bluex = convert[blue]

}

}

 

rgb = "#"+redx+greenx+bluex;

if (brows){

document.layers['textanim'].document.linkColor=rgb;

document.layers['textanim'].document.vlinkColor=rgb;

document.layers['textanim'].document.writeln('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')

document.layers['textanim'].document.close();

}

else{

textanim.document.linkColor=rgb;

textanim.document.vlinkColor=rgb;

textanim.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>'

}

if (z<19){

if (brows)

document.layers['textanim'].top-=2

else

textanim.style.posTop-=2

z++

}

else

{

updwn=false;

window.clearInterval(timer1);

timer2=window.setInterval('down()',dt)

}

}

 

 

function down(){

if (red<ered){

if ((red+15)<ered){

red+=15;

redx = convert[red]

}

else{

red=ered

redx = convert[red]

}

}

 

if (red>ered){

if ((red-15)>ered){

red-=15;

redx = convert[red]

}

else{

red=ered

redx = convert[red]

}

}

 

if (green<egreen){

if ((green+15)<egreen){

green+=15;

greenx = convert[green]

}

else{

green=egreen

greenx = convert[green]

}

}

 

if (green>egreen){

if ((green-15)>egreen){

green-=15;

greenx = convert[green]

}

else{

green=egreen

greenx = convert[green]

}

}

 

if (blue<eblue){

if ((blue+15)<eblue){

blue+=15;

bluex = convert[blue]

}

else{

blue=eblue

bluex = convert[blue]

}

}

 

if (blue>eblue){

if ((blue-15)>eblue){

blue-=15;

bluex = convert[blue]

}

else{

blue=eblue

bluex = convert[blue]

}

}

 

rgb = "#"+redx+greenx+bluex;

if (brows){

document.layers['textanim'].document.linkColor=rgb;

document.layers['textanim'].document.vlinkColor=rgb;

document.layers['textanim'].document.writeln('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')

document.layers['textanim'].document.close();

}

else{

textanim.document.linkColor=rgb;

textanim.document.vlinkColor=rgb;

textanim.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>'

}

if (z<38){

if (brows)

document.layers['textanim'].top-=2

else

textanim.style.posTop-=2

z++

}

else

{

if (brows){

document.layers['textanim'].document.writeln('')

document.layers['textanim'].document.close();

}

else

textanim.innerHTML='';

window.clearInterval(timer2);

if(msg<message.length-1){

msg++;

z=0;

if (brows)

document.layers['textanim'].top=res;

else

textanim.style.top=res;

timer3=window.setTimeout('start()',100);

}

else

{

msg=0;

z=0;

if (brows)

document.layers['textanim'].top=res;

else

textanim.style.top=res;

timer3=window.setTimeout('start()',2000);

}

}

}

}

</Script>

<Div id="textanim" style="position: absolute; left: 18px; top: 100px" onclick="breakf()">

</Div>

<layer name="textanim" left=4 top=80> </layer>

 

0 Comments

Mon

23

Feb

2009

8、随机文本代码

8、随机文本代码

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

 

<SCRIPT Language="JavaScript">

tips = new Array();

tips[0]='所有被热烈浸透的夜晚'

tips[1]='如此遥远的旋转'

tips[2]='所有眼前的远去的黑暗'

tips[3]='汇聚现在'

 

 

 

 

 

 

 

 

 

 

 

 

index = Math.floor(Math.random() * tips.length);

document.write("<CENTER>" + tips[index] + "</CENTER><P>");

</SCRIPT>

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

</body>

 

</html>

 

0 Comments

Mon

23

Feb

2009

6、闪烁的链接文字

6、闪烁的链接文字

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

 

<script language="JavaScript">

<!-- Begin

function initArray() {

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

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

}

this.length = initArray.arguments.length;

}

var colors = new initArray(

"#000000","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"

);

delay = 100

link = 0;

vlink = 0;

function linkDance() {

link = (link+1)%colors.length;

vlink = (vlink+1)%colors.length;

document.linkColor = colors[link];

document.vlinkColor = colors[vlink];

setTimeout("linkDance()",delay);

}

linkDance();

// End -->

</script>

<a href=Http://www.a.com>网页特效梦工厂</a>

<SCRIPT language="JavaScript">

<!--

BaiduWriteAD("zouwenyedg","3");

//-->

</SCRIPT>

<a href=Http://www.f.cc>寂夜听雨声</a>

7、随日期变换的文字

脚本说明:

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

<script language="JavaScript">

<!-- Hide

  var now = new Date();

  var month = now.getMonth() + 1;

  var date = now.getDate();

  var year = now.getYear();

 

     

        msgs = new Array

        msgs[1] = "每月1号的信息"

        msgs[2] = "每月2号的信息"

        msgs[3] = "每月3号的信息"

        msgs[4] = "每月4号的信息"

        msgs[5] = "每月5号的信息"

        msgs[6] = "每月6号的信息"

        msgs[7] = "每月7号的信息"

        msgs[8] = "每月8号的信息"

        msgs[9] = "每月9号的信息"

        msgs[10] = "每月10号的信息"

        msgs[11] = "每月11号的信息"

        msgs[12] = "每月12号的信息"

        msgs[13] = "每月13号的信息"

        msgs[14] = "每月14号的信息"

        msgs[15] = "每月15号的信息"

        msgs[16] = "每月16号的信息"

        msgs[17] = "每月17号的信息"

        msgs[18] = "每月18号的信息"

        msgs[19] = "每月19号的信息"

        msgs[20] = "每月20号的信息"

        msgs[21] = "每月21号的信息"

        msgs[22] = "每月22号的信息"

        msgs[23] = "每月23号的信息"

        msgs[24] = "每月24号的信息"

        msgs[25] = "每月25号的信息"

        msgs[26] = "每月26号的信息"

        msgs[27] = "每月27号的信息"

        msgs[28] = "每月28号的信息"

        msgs[29] = "每月29号的信息"

        msgs[30] = "每月30号的信息"

        msgs[31] = "每月31号的信息"

        var msg = msgs[date]

 

//-->

 

</script>

                  <script>

<!--

document.write(msg);

//-->

</script>

 

0 Comments

Mon

23

Feb

2009

5、雾化文字链接

5、雾化文字链接

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

<DIV class=coffee onmouseover="this.style.filter='glow(color=#FF8000, strength=6)'"

style="WIDTH: 200px; HEIGHT: 9px" onmouseout='this.style.filter=""'>

<A href="Http://www.7stk.com">网页特效梦工厂</A></DIV>

 

0 Comments

<< 新文本 >>