TodayLoad.com <<:Web-Effect+:Cursor-Grid:>>

::- Example ::-> ลองดูเส้น Grid ที่ Cursor ครับ

+:: Source Code ::+

+:: Descriptions ::+

(2)
- Select All -

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div><div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>
<script language="JavaScript1.2">
<!--
if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}

function followmouse2(e){
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}

if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
//if the user is using IE 4 or NS 4, both NOT IE 5+
window.onload=regenerate2
//-->
</script>

- ประกอบด้วย 2 ขั้นตอนง่าย ๆ ดังนี้ -

(1) คลิ๊ก - Select All - แล้ว Copy Code ไปไว้ใน Tag <HEAD>

(2) คลิ๊ก - Select All - แล้ว Copy Code ไปไว้ใน Tag <BODY>

+:: Tips ::+

คุณสามารถปรับแต่งสีของเส้นกริด ได้ด้วยการแก้ไข Code ดังต่อไปนี้

ในขั้นตอนที่ (1)
background-color:#56ABFF;

คุณสามารถดู - -> ตารางรหัสสี <- - เพื่อนำมาประยุกต์ใช้ได้

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

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com