1. ควบคุมการมองเห็นแถบเลื่อนแนวนอนและแนวตั้งหรือไม่?
<body style="overflow-y:hidden"> ลบแกน x
<body style="overflow-x:hidden"> ลบแกน y
<body scroll="no">ไม่แสดง
--------------------------------------- - --------------------------------------------
2. การเปลี่ยนสีแบบฟอร์ม
<TD onmouseover="this.style.พื้นหลังสี='#FFFFFF'"
onmouseout="this.style.พื้นหลังสี=''"
style="เคอร์เซอร์: มือ">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
3. ห้ามคัดลอก ลากเมาส์เพื่อเลือก
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
4. หน้า iframe ธรรมดา
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
--------- -------------------------------------------------- -- -------------------
5.iframe ความสูงที่ปรับได้
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
6. เปลี่ยนแถบที่อยู่ IE เป็นไอคอนของคุณเอง & ไอคอนของคุณสามารถแสดงในรายการโปรดของคุณได้
<link rel="ไอคอนทางลัด" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
7. การปรับขนาดตัวอักษร ผู้คนใช้เวลาท่องอินเทอร์เน็ตมากขึ้นเรื่อยๆ และความนิยมของแว่นตาก็เพิ่มมากขึ้นเรื่อยๆ ทำให้ข้อความมีขนาดใหญ่ขึ้นเพื่อให้ผู้ใช้มองเห็นได้ชัดเจนยิ่งขึ้น
<script type="text/javascript">
ฟังก์ชั่น doZoom(ขนาด)
{document.getElementById('zoom').style.fontSize=size+'px';}
</สคริปต์>
<span id="zoom">ข้อความที่มีขนาดที่ระบุ</span>
<a href="javascript:doZoom(16)">ใหญ่</a> <a href="javascript:doZoom(14)">กลาง</a> <a href="javascript:doZoom(12)">เล็ก </a>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
8. โค้ดข้ามหน้าเว็บแบบง่าย หากคุณต้องการให้เพจข้ามไปหลังจากแสดงเป็นเวลา 3 วินาที คุณสามารถเพิ่มโค้ดนี้ในส่วน <head></head> ของโค้ด html:
<meta http-equiv="รีเฟรช" content="3; url=http://www.devdao.com">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
9. ที่อยู่แบบฝังที่กรอกด้วยความสูงแบบปรับได้ของ iframe (เฟรมแบบฝัง) จะต้องอยู่ในไซต์เดียวกันกับหน้านี้ ไม่เช่นนั้นระบบจะแจ้ง "Access Denied!" มีปัญหาเรื่องการอนุญาตในการอ้างอิงข้ามโดเมน โปรดตรวจสอบข้อมูลอื่นๆ
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height= guestbook.document.body.scrollHeight"></iframe>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
10. ข้ามเมนูหน้าต่างใหม่
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> หน้าแรกของ Microsoft</option>
<option value=" http://msdn.microsoft.com "> เครือข่ายนักพัฒนาซอฟต์แวร์</option>
</เลือก>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
ตัวเลือกความโปร่งใส 11.flash
<ชื่อพารามิเตอร์ = "ค่า wmode" = "โปร่งใส">
-------------------------------------------------- -------------------------------------------------- -----------------------------------
12. เพิ่มในรายการโปรดและตั้งเป็นหน้าแรก
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">ตั้งเป็นหน้าแรก</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">รายการโปรดของไซต์นี้</a>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
13. บันทึกและแสดงเวลาแก้ไขล่าสุดของหน้าเว็บ
<ภาษาสคริปต์=จาวาสคริปต์>
document.write("เวลาที่อัปเดตล่าสุด: " + document.lastModified + "")
</สคริปต์>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
14. นับถอยหลังวันหยุด
<ภาษาสคริปต์ = "จาวาสคริปต์">
var timedate= วันที่ใหม่ ("1 ตุลาคม 2545");
var times= "วันชาติ";
var ตอนนี้ = วันที่ใหม่ ();
วันที่ var = timedate.getTime() - now.getTime();
เวลา var = Math.floor(วันที่ / (1,000 * 60 * 60 * 24));
ถ้า (เวลา >= 0)
document.write("ขณะนี้มี: "+time +"days" from "+times+")
</สคริปต์>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
15. เพิ่มไปที่ HEAD เพื่อปิดการใช้งานแคช
<meta http-equiv="หมดอายุ" CONTENT="0">
<meta http-equiv="เนื้อหาการควบคุมแคช" = "ไม่มีแคช">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------- - ------------------------------------------------- - - ------------------------------------------------- - -
16. ทำให้พื้นหลังของเอกสารภายในกรอบ IFRAME โปร่งใส
<iframe src="เกี่ยวกับ:<body style='พื้นหลัง:โปร่งใส'>" อนุญาตความโปร่งใส></iframe>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
17. ขยายหน้าต่างให้ใหญ่สุดเมื่อเปิด
<ภาษาสคริปต์ = "จาวาสคริปต์">
<!-- เริ่มเลย
ตนเอง.moveTo(0,0)
self.resizeTo (screen.availWidth, screen.availHeight)
//จบ-->
</สคริปต์>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
18. เพิ่มเพลงประกอบ
<bgsound src="mid/windblue[1].mid" loop="-1"> ใช้กับ IE เท่านั้น
<embed src="music.mid" autostart="true" loop="true"hidden="true"> ใช้ได้กับทั้ง Netscape และ IE
-------------------------------------------------- -------------------------------------------------- ----------------------------------
19.เลื่อน
<ทิศทางปะรำ=ความสูง=146 onmouseout=start() onmouseover=stop() scrollAmount=2>ข้อมูลการเลื่อน
</กระโจม>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
20. ป้องกันไม่ให้เพจถูกรีเซ็ตเป็นโค้ด "javascript:void(null)" ที่ด้านบนของเพจ แทนที่จะเป็นเครื่องหมาย "#" ดั้งเดิมเมื่อคลิกลิงก์ว่าง
-------------------------------------------------- -------------------------------------------------- ------------------------------
21. ข้อความหรือรูปภาพปรากฏขึ้นในหน้าต่างที่มีขนาดที่กำหนดและเพิ่มลงในเนื้อหา
<script language="JavaScript" type="text/JavaScript">
ฟังก์ชัน MM_openBrWindow (theURL, winName, คุณสมบัติ) {window.open (theURL, winName, คุณสมบัติ);}
</สคริปต์>
รหัสป๊อปอัป
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">รูปภาพหรือข้อความ</a>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
22.กระโดดรหัสหน้า
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
23. เส้นแบ่งเส้นบาง
<hr noshade size=0 color=#C0C0C0>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
24. การตัดบรรทัดอัตโนมัติในหน้าเว็บ
<td style="word-break:break-all">แค่นั้นเอง
เสร็จสมบูรณ์คือ
style = "ตารางเค้าโครง: แก้ไข; WORD-BREAK: แบ่งทั้งหมด; WORD-WRAP: แบ่งคำ"
-------------------------------------------------- -------------------------------------------------- ----------------------------------
25. กำจัดแถบเครื่องมือรูปภาพที่ปรากฏขึ้นโดยอัตโนมัติใน ie6 และตั้งค่าแอตทริบิวต์ GALLERYIMG เป็นเท็จหรือไม่ใช่
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="ไม่">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
26. ห้ามมิให้มีการเลือกเนื้อหาเนื้อหาของหน้า
<body oncontextmenu = "return false" ondragstart = "return false" onselectstart = "return false" onselect = "document.selection.empty()" oncopy = "document.selection.empty()" onbeforecopy = "กลับมา
false"onmouseup="document.selection.empty()">
------------------------------------ ---- -------------------------------------------------- ----
27. คุณไม่สามารถคลิกขวาได้ ไม่จำเป็นต้องใช้ CTRL+A และคุณไม่สามารถคัดลอกได้!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown = "window.event.returnValue = false"
onkeyup = "window.event.returnValue = false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</ร่างกาย>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
เบราว์เซอร์ 28.IE รองรับคุณสมบัติ Body bgproperties ซึ่งสามารถป้องกันไม่ให้พื้นหลังเลื่อนได้:
<พื้นหลังร่างกาย = "ไฟล์รูปภาพ" bgproperties = "แก้ไข">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
29. เปลี่ยนภาพพื้นหลังแบบสุ่ม (เอฟเฟกต์พิเศษที่สามารถทำให้อารมณ์ของคุณสดชื่น)
<ภาษาสคริปต์ = "จาวาสคริปต์">
image = new Array(4); //กำหนดรูปภาพเป็นอาร์เรย์ของตัวเลขรูปภาพ image [0] = 'tu0.gif' //เส้นทางของภาพพื้นหลัง [1] = 'tu1.gif'
รูปภาพ [2] = 'tu2.gif'
รูปภาพ [3] = 'tu3.gif'
รูปภาพ [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</สคริปต์>
-------------------------------------------------- - ----------------------------------
30. ปุ่มรูปแบบรูปภาพ
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</แบบฟอร์ม>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
31. วิธีการกำหนด CSS ของพื้นหลังเงาซ้ายและขวา
ร่างกาย {
การจัดตำแหน่งข้อความ: กึ่งกลาง;
พื้นหลังซ้ำ: ซ้ำ-y;
ตำแหน่งพื้นหลัง: กึ่งกลาง;
ภาพพื้นหลัง: url(../images/bg.jpg);
-
-------------------------------------------------- -------------------------------------------------- ----------------------------------
32. ข้ามเมาส์มือลิงค์
style="เคอร์เซอร์:มือ"
-------------------------------------------------- -------------------------------------------------- ----------------------------------
33. วิธีปิดเลเยอร์
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">ปิดเลเยอร์</a>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
34. สคริปต์เพื่อปิดหน้าต่าง
<a href=javascript:close()>[ปิดหน้าต่าง]</a>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
35. หากข้อความยาวเกินไป ส่วนที่ยาวเกินไปจะแสดงเป็นรูปวงรี
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow:hidden; text-overflow:ellipsis">
<NOBR>ตัวอย่างเช่น มีบรรทัดข้อความที่ยาวจนไม่สามารถแสดงในบรรทัดเดียวในตารางได้</NOBR>
</DIV>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
36. ขยายใหญ่สุดโดยอัตโนมัติหลังจากเข้าสู่หน้าแรก
<สคริปต์>
ตนเอง.moveTo(0,0)
self.resizeTo (screen.availWidth, screen.availHeight)
</script>
-------------------------------------------------- ---- ----------------------------------
37. ข้อความที่แกะลาย
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:# อี๊อี๊;">
<แบบอักษรถูกปิดใช้งาน>
เป็นไงบ้าง ผมเป็นรอยหรือเปล่า? <br>
คุณไม่ต้องการที่จะลองมัน? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
38. เรียกใช้กล่องโค้ด
<สคริปต์>
ฟังก์ชั่นดูตัวอย่าง()
{var TestWin=open('');
TestWin.document.write(code.value);}
</สคริปต์>
<textarea id=รหัส cols=60 แถว=15></textarea>
<br>
<button onclick=Preview() >เรียกใช้</button>
-------------------------------------------------- -------------------------------------------------- -----------------------------------
38. ลิงค์แบบฟอร์ม
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</ตาราง>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
39. ทำให้ป๊อปอัปอยู่ด้านบนเสมอ
<body onblur="this.focus();">
-------------------------------------------------- -------------------------------------------------- ----------------------------------
40.เงาข้อความ CSS
.shadowfont{ตัวกรอง: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体";
-------------------------------------------------- -------------------------------------------------- ----------------------------------
41. ย้อนกลับ & ปิดหน้าต่างแล้วย้อนกลับ: javascript:history.back(1)
ปิด: javascript:window.close();
-------------------------------------------------- -------------------------------------------------- ----------------------------------
42. แบบฟอร์มมีความโปร่งใส
สไตล์ = "ตัวกรอง: อัลฟา (ความทึบ = 72)"
-------------------------------------------------- -------------------------------------------------- ----------------------------------
43. วิธีป้องกันไม่ให้ผู้อื่นนำหน้าเว็บของคุณไปไว้ในเฟรม
<script language="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
44.ความแตกต่างระหว่าง Alt และ Title
alt ใช้เพื่อให้คำแนะนำเกี่ยวกับรูปภาพ ชื่อเรื่องใช้เพื่อระบุข้อความลิงก์หรือคำแนะนำข้อความธรรมดา
<a href="#" Title="ให้คำแนะนำข้อความลิงก์">ข้อความ</a>
<p Title="คำแนะนำข้อความสำหรับลิงก์">ข้อความ</p>
<img src="ลิงก์รูปภาพ" alt="คำแนะนำสำหรับรูปภาพ">
------------------ -------------------------------------------------- -------------------------------------------------- ----------
45. ลองใช้การโทรภายนอกสำหรับการโทรจาวาสคริปต์ทั้งหมด
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
46. ลิงก์ไปยัง
response.redirect "login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
--------------------------------------- ------ --------------------------------------------
47. ลิงค์พื้นฐาน สไตล์
a:link แสดงถึงรูปแบบของลิงค์
a:active แสดงถึงรูปแบบของการเชื่อมต่อที่ใช้งานอยู่ในปัจจุบัน
a:hover แสดงถึงสไตล์เมื่อเมาส์เลื่อนผ่าน
a:visited แสดงถึงรูปแบบของลิงก์ที่เข้าชม
"link-visited-hover-active" ย่อว่า "lvha" นั่นคือ "love"+"hate"
-------------- -------------------------------------------------- --- ---------------
48. ตั้งค่าสไตล์ด้วยเอฟเฟกต์ลิงค์ข้อความที่แตกต่างกันในหน้าเดียวกัน
<style type="text/css">
.เขียว {สี: #309633}
.green A:link {สี: #309633; TEXT-DECORATION: none}
.green A:visited {สี: #309633; TEXT-DECORATION: none}
.green A:hover {สี: #309633; การตกแต่งข้อความ: ขีดเส้นใต้}
.green A:active {สี: #309633; TEXT-DECORATION: none}
</สไตล์>
<a href="#" class="green">ข้อความ</a>
-------------------------------- -------------------------------------------------- -------------------------------------------------- ------
49. เมนูกระโดดแบบเลื่อนลง
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----กรุณาเลือก----</option>
<option value=" http://www.devdao.com ">เครือข่ายการออกแบบผู้ดูแลเว็บ</option>
<option value=" http://www.fontchina.cn/ ">แบบอักษร</option >
</เลือก>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
50. เลือกวิธีแก้ปัญหาเพื่อบล็อก div เพิ่มโค้ดต่อไปนี้ลงใน div และปรับเปลี่ยนตามต้องการ
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;" >
</iframe>
-------------------------------------------------- - ----------------------------------
51. ลิงก์ทั้งหมดบนทั้งหน้าเป็น _blank หน้าต่างใหม่จะเปิดขึ้น
<base target="_blank">