เข้าสู่ระบบ(Log in)
FaceBook Fan-page
Latest topics
Similar topics
ทำ LINK ที่นำ MOUSE ไปวางแล้วพื้นหลังแถวข้อความมีการ Fade
หน้า 1 จาก 1
ทำ LINK ที่นำ MOUSE ไปวางแล้วพื้นหลังแถวข้อความมีการ Fade
by Smilez Mon Jun 01, 2009 8:56 am
นำ CODE ด้านล่างไปไว้ที่ <head> ครับ
ต้องการให้แสดง LINK ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ
- Code:
<script language="JavaScript" type="text/javascript">
<!--
var a=new Array();
var colorCount=0,bgcolorCount=255;
var Timer;
window.onload=load;
function load()
{
a=document.getElementById('container').getElementsByTagName('a');
}
function LoadAll(arrayID)
{
if(colorCount<255||bgcolorCount>0)
{
with(a[arrayID].style)
{
color="rgb("+colorCount+","+colorCount+","+colorCount+")";
border="2 white outset";
backgroundColor="rgb("+bgcolorCount+","+bgcolorCount+","+bgcolorCount+")";
}
colorCount+=4;
bgcolorCount-=4;
}
Timer=setTimeout("LoadAll("+arrayID+");",10);
}
function OMOver(arrayID)
{
clearTimeout(Timer);
bgcolorCount=255;
colorCount=0;
LoadAll(arrayID);
}
function OMOut(arrayID)
{
bgcolorCount=0;
colorCount=255;
with(a[arrayID].style)
{
color="lightyellow"; // สีของข้อความ LINK หลังจากนำ MOUSE ไปวางแล้ว
border="0";
backgroundColor="#CCCCFF"; // สีของพื้นหลังที่อยู่หลังแถวข้อความ หลังจากนำ MOUSE ไปวางแล้ว (น่าจะใช้สีเดียวกับสีพื้นหลังของหน้าที่ใส่โค๊ด)
}
}
function OMDown(arrayID)
{
with(a[arrayID].style)
{
colorCount=255;
bgcolorCount=0;
border="2 red inset";
}
}
//-->
</script>
<!-- ใส่รูปแบบของ LINK ก่อนที่จะนำ MOUSE ไปวางที่บรรทัดด้านล่างนี้ -->
<style type="text/css">
<!--
body div#container a
{
font-weight:bold;
color:lightyellow;
}
-->
</style>
ต้องการให้แสดง LINK ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ
- Code:
<div id="container">
<font face="MS Sans Serif" size="2">
<!-- ถ้าคุณต้องการเพิ่ม LINK ลงไปก็ให้เพิ่ม CODE ด้านล่างลงไปครับ
<a href="http://www.url.com" onmouseover="OMOver(ตัวเลข)" onmouseout="OMOut(ตัวเลข)" onmousedown="OMDown(ตัวเลข)">TEXT LINK</a>
ปล. โดยที่ตรงคำว่า "ตัวเลข" นั้นให้คุณใส่ตัวเลขที่เรียงตามลำดับ จาก 0,1,2,... ไปเรื่อยๆครับ
-->
<a href="http://www.geocities.com/thaifreshmilk" onmouseover="OMOver(0)" onmouseout="OMOut(0)" onmousedown="OMDown(0)">Thai Fresh Milk</a> l
<a href="http://www.geocities.com/textemo" onmouseover="OMOver(1)" onmouseout="OMOut(1)" onmousedown="OMDown(1)">Textemo</a> l
<a href="http://www.thamwebsite.com" onmouseover="OMOver(2)" onmouseout="OMOut(2)" onmousedown="OMDown(2)">Thamwebsite</a> l
<a href="http://www.codetukyang.com" onmouseover="OMOver(3)" onmouseout="OMOut(3)" onmousedown="OMDown(3)">CodeTukYang</a>
</font>
</div>
Smilez- จอมพลปราชญ์
- จำนวนข้อความ : 985
: 34
คะแนน : 1234
ชื่อเสียง : 68
Registration date : 28/04/2009
Similar topics» นำ MOUSE ไปวางบน TEXT LINK แล้ว TEXT LINK จะกระพริบ
» CURSOR ของ MOUSE เปลี่ยนแปลงเวลาขยับ MOUSE
» ทำเส้นตัดกันตาม MOUSE
» CURSOR ของ MOUSE เปลี่ยนแปลงเวลาขยับ MOUSE
» ทำเส้นตัดกันตาม MOUSE
หน้า 1 จาก 1
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ
» Ran Top เซิฟEP9 เปิดวันศุกร์ที่ 8 พ.ย. 62 เวลา 18.00 น.
» Ran Top เซิฟEP9 เปิดวันศุกร์ที่ 8 พ.ย. 62 เวลา 18.00 น.
» Ran Aki เซิฟEP9 7อาชีพ +11 เวลตัน250 เปิดยาว มั่นคง คนเล่นเพียบ
» Ran Aki เซิฟEP9 7อาชีพ +11 เวลตัน250 เปิดยาว มั่นคง คนเล่นเพียบ
» ◤【卐】✿✿ RAN-FROST EP 12 อัพเดลอาวุธไอน้ำ ชุด290อัพเดลแฟชั่น Avenger engame ✿✿【卐】◥
» RAN-ZOOMMER EP 12 9 อาชีพ อาวุธสูงสุดมังกรฟ้าชุดสูงสุด 290 เปิดยาว
» ◤【卐】✿✿ RAN-OBZ EP 11 9 อาชีพ สูงสุด+15 ไอเท็มใหม่ล่าสุด สมดุล อัพเดลตลอด ✿✿【卐】◥
» ◤【卐】✿✿ RAN-COOKIE EP 11 สูงสุด+15 ออโต้สกิล จบวอร์วาปแมพบอสพิเศษ มังกรทอง ✿✿【卐】◥