ศูนย์ รวม โค้ด ต่าง ๆ
แก้ไขครั้งสุดท้ายโดย bnpssk เมื่อ 2012-7-7 16:12ชี้เมาส์ที่ลิ้งค์แล้วพื้นหลังเปลี่ยนสี
http://writer.dek-d.com/Writer/story/viewlongc.php?id=206905&chapter=99
http://writer.dek-d.com/fai-naruk/story/viewlongc.php?id=666856&chapter=20
ชี้บอร์ดแร๊วเอียงช้าาา ๆ สวยมาก
อ้างอิง http://forum.discuzthai.com/thread-34080-1-1.html
ชี้แล้วเป็นไฮไลท์
a:hover { color:#โค้ดสีตัวอักษรบนไฮไลท์;
text-decoration:none; background:#โค้ดสีที่ไฮไลท์;}
</style>
ชี้ลิงค์เป็นกรอบ
<STYLE type="text/css">
<!--
a:hover {border-width : 3px;border-style :
dotted;border-color : #000000; }--></STYLE>
** สามารถเปลี่ยนสีได้โดยใส่รหัสสีลงไปตรง #000000 **
** ถ้าจะเปลี่ยนรูปแบบกรอบให้ดูตรง dotted **
- none ไม่มีเส้น
- dotted จุดๆ
- dashed เส้นประ
- solid เส้นเดี่ยว
- double เส้นคู่
พอชี้เปงสีเทา ไม่ชี้ปกติ
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>
พอชี้ปกติ ไม่ชี้ขาวดำ
<style type="text/css"> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>
พอชี้แล้วจะกลับด้าน
<style type="text/css"> a:hover img {filter:fliph;} </style>
ชี้แล้วเปลี่ยนสี
<STYLE TYPE="text/css">
BODY{
color: #โค้ดสี;
font-family: Tahoma;
font-size: 12pt;
}
a:link {text-decoration:none; color: #โค้ดสี ; }
a:visited {text-decoration:none; color: #โค้ดสี ; }
a:active {text-decoration:none; color: #โค้ดสี ; }
</STYLE>
color:= กำหนดสีของตัวอักษรที่ไม่ได้เป็นลิงค์
a:link = กำหนดสีของตัวอักษรที่เป็นลิงค์ (สีของข้อความก่อนคลิก)
a:visited = กำหนดสีของตัวอักษรที่เป็นลิงค์ (สีของข้อความที่ถูกลิงค์แล้ว)
a:active = กำหนดสีของตัวอักษรที่เป็นลิงค์ (สีของข้อความตอนที่เมาส์คลิ๊กลงไปจ้ะ)
font-size:= เป็นขนาดของ font นะจ้ะเปลี่ยนขนาดได้ตามใจจ้ะ
font-family: = ชนิดของ font ตรงนี้ก็เปลี่ยนได้จ้ะ แล้วแต่
แถม...
ข้อความต้อนรับ
<script language="JavaScript"> function loadalert () {alert(" เปลี่ยนตรงนี้") } loadalert() </script>
ข้อความบอกลา
<Script Language="VBScript"> Sub Window_onUnLoad() alert("ข้อความ") End Sub</Script>
เมาส์ไปชี้รูปใหญ่ขึ้นมาอะ
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<form name="frmMain" action="" method="post">
<script language="JavaScript">
function showImg(imgsrc)
{
document.frmMain.imgAvatar.src=imgsrc;
}
</script>
<a href="" OnMouseOver="javascript:showImg('plakrim.jpg');"><img src="plakrim.jpg" width="40"></a> <br>
<a href="" OnMouseOver="javascript:showImg('win.jpg');"><img src="win.jpg" width="40"></a>
<hr>
<img id="imgAvatar">
</form>
</body>
</html>
CODE ข้อความต้อนรับ + ลูกเล่นถามชื่อ + พิมพ์ข้อความออกหน้าจอ
<script language = "JavaScript">
var Yname;
Yname = prompt("คุณชื่ออะไรค๊ะ","ภาษาไทยค่ะ");
alert("ยินดีต้อนรับ คุณ"+Yname+"สู่ห้องทดลองJAVA SCRIPT");
document.write("ยินดีต้อนรับ คุณ"+Yname+"สู่ห้องทดลองJAVA SCRIPT")
</script>
รูปตัวอย่างค่ะ
เรียนรู้การเขียน ลึกลงไปถึงรายละเอียด เชิญที่ห้องทดลองJAVA SCRIPT ได้
http://my.dek-d.com/catbong/story/view.php?id=391658
thank you
sm926dz
หน้า:
[1]