TodayLoad.com <<:Web-Effect+:MenuScroll:>>

::- Example ::-> เลื่อน Cursor ไปวางไว้ที่ปุ่ม ลูกศร เมนูจะเคลื่อนที่ตามทิศทาง

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

<style>

body{

overflow-x:hidden;

overflow-y:scroll;

}

</style>

<!--

Scrollable Menu Links- By Dynamicdrive.com

For full source, TOS, and 100s DTHML scripts

Visit http://dynamicdrive.com

//กำหนดความกว้างของเมนู

var menuwidth=300

//กำหนดความเร็วในการเลื่อนเมนู

var scrollspeed=6

//กำหนดเมนูและลิงค์

var menucontents='<nobr><a href="http://www.todayload.com">TodayLoad</a> | <a href="http://www.todayload.com/xsoft.htm">X-softwares</a> | <a href="http://www.todayload.com/soft.htm">Softwares</a> | <a href="http://www.todayload.com/toyjoke.htm">Toys&Jokes</a> | <a href="http://www.todayload.com/web.htm">Web-Effects</a> | <a href="http://www.todayload.com/graph.htm">Graphic</a> | <a href="http://www.todayload.com/tip.htm">Tips&Tricks</a> | <a href="http://www.todayload.com/icon.htm">Icons</a> | <a href="http://www.todayload.com/font.htm">Fonts</a> | <a href="http://www.todayload.com/skin.htm">Skins</a> | <a href="http://www.todayload.com/cont.htm">Contact</a></nobr>'

////NO NEED TO EDIT BELOW THIS LINE////////////

var actualwidth=''

var ns_scroll

function fillup(){

if (document.all){

test2.innerHTML=menucontents

actualwidth=test2.offsetWidth

}

else if (document.layers){

ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2

ns_scroll.document.write(menucontents)

ns_scroll.document.close()

actualwidth=ns_scroll.document.width

}

window.onload=fillup

function moveleft(){

if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))

test2.style.pixelLeft-=scrollspeed

else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))

ns_scroll.left-=scrollspeed

lefttime=setTimeout("moveleft()",50)

}

function moveright(){

if (document.all&&test2.style.pixelLeft<0)

test2.style.pixelLeft+=scrollspeed

else if (document.layers&&ns_scroll.left<0)

ns_scroll.left+=scrollspeed

righttime=setTimeout("moveright()",50)

}

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

with (document){

write('<table border="0" cellspacing="0" cellpadding="0">')

write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><<</a> </td>')

write('<td valign="top">')

if (document.all){

write('<span style="position:relative;width:'+menuwidth+';">')

write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')

write('<span id="test2" style="position:absolute;left:0;top:0">')

write('</span></span></span>')

}

else if (document.layers){

write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')

write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')

}

write('</td>')

write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')

write('>></a>')

write('</td></table>')

}

//-->

</script>

เพียงคุณ

(1) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน โดยวางไว้ใน Tag <Body>

+:: Tips ::+

วิธีการปรับเมนู ดังตัวอย่าง

ในขั้นที่ (1)

//กำหนดความกว้างของเมนู
var menuwidth=300

//กำหนดความเร็วในการเลื่อนเมนู
var scrollspeed=6

//กำหนดเมนูและลิงค์
var menucontents='<nobr>
<a href="http://www.todayload.com">TodayLoad</a> |
<a href="http://www.todayload.com/xsoft.htm">X-softwares</a> |
<a href="http://www.todayload.com/soft.htm">Softwares</a> |
<a href="http://www.todayload.com/toyjoke.htm">Toys&Jokes</a> |
<a href="http://www.todayload.com/web.htm">Web-Effects</a> |
<a href="http://www.todayload.com/graph.htm">Graphic</a> |
<a href="http://www.todayload.com/tip.htm">Tips&Tricks</a> |
<a href="http://www.todayload.com/icon.htm">Icons</a> |
<a href="http://www.todayload.com/font.htm">Fonts</a> |
<a href="http://www.todayload.com/skin.htm">Skins</a> |
<a href="http://www.todayload.com/cont.htm">Contact</a></nobr>'

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

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com