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>