Tag: xhtml

  • scroll pictures using JavaScript.

    找计算机的东西,还是要上外国网站.
    http://www.houseofscripts.com/scripts/javascripts/scrollpics.htm
    <blockquote><code>
    1. HEAD
    <script type=”text/javascript” language=”JavaScript”>// <![CDATA[
    //Script submitted by vasile birsan
    //http://members.home.net/v.birsan/
    //Displayed on www.a1javascripts.com/
    //slider’s width
    var swidth=102

    //slider’s height
    var sheight=82
    //slider’s speed;
    var sspeed=2

    var imagef=”

    //images: change to your own
    var leftimage=new Array();
    leftimage[0]='<img src=”images/flamingo.jpg” width=100 height=80 alt=”Flamingo” border=1>’
    leftimage[1]='<img src=”images/macaw1.jpg” width=100 height=80 border=1>’
    leftimage[2]='<img src=”images/macaw2.jpg” width=100 height=80 border=1>’
    for (mi=0;mi<leftimage.length;mi++)
    imagef=imagef+leftimage[mi]

    function start(){
    if (document.all) return
    if (document.getElementById){
    document.getElementById(“slider”).style.visibility=”show”
    initial6(document.getElementById(‘slider’))
    }
    else if(document.layers){
    document.slider1.visibility=”show”
    intialslide()
    }
    }
    function intialslide(){
    document.slider1.document.slider2.document.write(‘<nobr>’+imagef+'</nobr>’)
    document.slider1.document.slider2.document.close()
    thel=document.slider1.document.slider2.document.width
    document.slider1.document.slider2.left-=thel
    sslide()
    }
    function sslide(){
    if (document.slider1.document.slider2.left>=thel*(-1)){
    document.slider1.document.slider2.left-=sspeed
    setTimeout(“sslide()”,100)
    }
    else{
    document.slider1.document.slider2.left=swidth
    sslide()
    }
    }
    function initial6(whichdiv){
    tdiv6=eval(whichdiv)
    tdiv6.innerHTML=(‘<nobr>’+imagef+'</nobr>’)
    tdiv6.style.left=swidth
    thel=swidth*leftimage.length
    scroll6()
    }
    function scroll6(){
    if (parseInt(tdiv6.style.left)>=thel*(-1)){
    tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed
    setTimeout(“scroll6()”,100)
    }
    else{
    tdiv6.style.left=swidth
    scroll6()
    }
    }
    //You might run into a position problem within the page, using either
    //NS4.x or NS6.x. To correct this use the coordinates: ‘left=value’,
    //’top=value’ within ilayer/layer tags or ‘position:relative/absolute;
    //left:value;top:value;’ within NS6’s div tags.
    //Those values can be either positive or negative!
    //Make sure you’ve got the onload=’…;’ within body tag but without
    //takeFocus(); there!
    // ]]></script>
    2. BODY</code>

    3. Place inside the body where you want it to display.
    <script type=”text/javascript” language=”JavaScript”>// <![CDATA[
    if (document.all){
    document.write(‘<marquee id=”slidere” scrollAmount=2 style=”width:102;height:82;”>’+imagef+'</marquee>’)
    slidere.onmouseover=new Function(“slidere.scrollAmount=0”)
    slidere.onmouseout=new Function(“if (document.readyState==’complete’) slidere.scrollAmount=2″)
    }
    if (document.layers){
    document.write(‘<ilayer width=102 height=82 name=”slider1″ bgcolor=”white” visibility=hide>’)
    document.write(‘<layer name=”slider2″ onMouseover=”sspeed=0;” onMouseout=”sspeed=2″>’)
    document.write(‘</layer>’)
    document.write(‘</ilayer>’)
    }
    if (document.getElementById&#038;&#038;!document.all){
    document.write(‘

    <div style=”position:absolute;width:102;height:82;clip:rect(0 102 82 0);”>’)
    document.write(‘

    <div id=”slider” style=”position:relative;width:&#038;{swidth};” onMouseover=”sspeed=0;” onMouseout=”sspeed=2″>’)
    document.write(‘</div>
    </div>

    ‘)
    }
    // ]]></script>

    &nbsp;</blockquote>

  • HTML分割线

    1、<HR>


    2、<HR align=center width=300 color=#987cb9 SIZE=1>


    align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度

    二、特效(效果并不是孤立的,可相互组合)

    1、两头渐变透明: <HR style=”FILTER: alpha(opacity=100,finishopacity=0,style=3)” width=”80%” color=#987cb9 SIZE=3>


    2、纺锤形: <HR style=”FILTER: alpha(opacity=100,finishopacity=0,style=2)” width=”80%” color=#987cb9 SIZE=10>


    3、右边渐变透明:<HR style=”FILTER: alpha(opacity=100,finishopacity=0,style=1)” width=”80%” color=#987cb9 SIZE=3>


    4、左边渐变透明: <HR style=”FILTER: alpha(opacity=0,finishopacity=100,style=1)” width=”80%” color=#987cb9 SIZE=3>


    5、虚线:<HR style=”BORDER-RIGHT: #987cb9 1px dashed; BORDER-TOP: #987cb9 1px dashed; BORDER-LEFT: #987cb9 1px dashed; BORDER-BOTTOM: #987cb9 1px dashed” width=”80%” color=#987cb9 SIZE=1>


    6、双线:<HR style=”BORDER-RIGHT: #987cb9 3px double; BORDER-TOP: #987cb9 3px double; BORDER-LEFT: #987cb9 3px double; BORDER-BOTTOM: #987cb9 3px double” width=”80%” color=#987cb9 SIZE=3>


    7、立体效果:<HR style=”FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)” width=”80%” color=#987cb9 SIZE=1>


    8、钢针效果:<HR style=”FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)” width=”80%” color=#987cb9 SIZE=1>