TodayLoad.com <<:Web-Effect+Banner-Scroll:>>

::- Example ::-> ตัวอย่างดูที่ Banner เลื่อน

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

var leftimage=new Array();
//ปรับแต่งรูปภาพ ขนาด
leftimage[0]='<a href="http://www.todayload.com"><img src="http://www.todayload.com/image/todaychange.gif" width=88 height=31 border=0 ></a>'
leftimage[1]='<a href="http://www.todayload.com"><img src="http://www.todayload.com/image/todaychange.gif" width=88 height=31 border=0 ></a>'
leftimage[2]='<a href="http://www.todayload.com"><img src="http://www.todayload.com/image/todaychange.gif" width=88 height=31 border=0 ></a>'

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()
}
}
//-->
</script>

(2)

(3)
- Select All -

(1) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Head> </Head> ดังตัวอย่าง

(2) เพิ่ม onLoad="start()" ไว้เป็น แอตทริบิวต์ของ Tag <BODY> ตามตัวอย่าง

(3) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Body> </Body> ดังตัวอย่าง

- เป็นไงบ้างครับ? กับเทคนิค ขจัดปัญหา Web ที่มีเนื้อที่แสดง Banner จำกัด -

+:: Tips ::+

คุณสามารถปรับแต่งรูป Banner ความกว้างสูง ของการแสดงผล ตามตัวอย่างข้างล่างนี้

ในขั้นตอนที่ (1)
//ปรับแต่ง รูปภาพ Banner Link และขนาด
leftimage[0]='<a href="http://www.todayload.com"><img src="http://www.todayload.com/image/todaychange.gif" width=88 height=31 border=0 ></a>

ในขั้นตอนที่ (3)
//ปรับแต่งความกว้าง และ สูงในการแสดงผล
document.write('<marquee id="slidere" scrollAmount=2 style="width:200;height:31;">'+imagef+'</marquee>')

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com