วันพฤหัสบดีที่ 27 กันยายน พ.ศ. 2555

html


ทำ effect ตอนเปลี่ยนหน้า

  อยากได้ Effect แปลกคล้ายๆ PowerPoint เวลาเปลี่ยนหน้าเว็บ ไม่ยากเลยครับ ลองใส่ชุดคำสั่งนี้ในส่วน Head Section ดูสิครับ

ค่าตัวเลขของ Duration และ Transition ลองปรับเปลี่ยนเล่นๆ ดูน่ะครับ

<META http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<META http-equiv="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">
ข้อมูลจาก http://www.nectec.or.th


เปลี่ยนรูปร่างของ Cursor

การเปลี่ยนรูปร่างของ Cursor สามารถกระทำได้โดยใช้ Attribute ชื่อ style โดยมีรูปแบบคือ

<P Style="cursor: รูปแบบ">...</P>

หรือ

<A .... Style="cursor: รูปแบบ">...</A>

รูปแบบ cursor เช่น Default , Crosshair , hand , move , text , wait , help

ตัวอย่าง code

<html>
<head><title>webthaidd</title></head>
<body>
<P Style="cursor: Default">WebthaiDD.com</P>
<P Style="cursor: hand">WebthaiDD.com</P>
</body>
</html>

ผลที่ได้



ลิงก์บนแสดง Cursor ด้วยรูปร่างมาตรฐาน ในขณะนี้ลิงก์ล่างจะแสดงด้วยรูปมือ

ข้อมูลจาก http://www.nectec.or.th

การทำตัวอังกฤษเคลื่อนที่และหยุดโดย tag marquee โดยใช้ stop(); และ start();

รูปแบบการใช้งานทั่วไปคือ
<marque onmouseover=stop(); onmouseout=start();>ข้อความ</marque>
scrolldelay ให้แทนค่าด้วยความเร็วเป็น Int ส่วน
direction ใส่ได้เฉพาะ Up,Down,Left และ Right นะครับ

เรามาลองกัน สร้างไฟล์ marque.html เพื่อทดลอง

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>การทำตัวอังกฤษเคลื่อนที่และหยุดโดย tag marque โดย stop(); และ start();</title>
</head>

<body>
<marquee onmouseover=stop(); onmouseout=start();>WEBTHAIDD.COM</marquee>
</body>
</html>

มาทดลองทำกันดูนะครับ

เราสามารถกำหนดลักษณะและขนาดของตัวอักษรได้แล้ว ทีนี้เรามากำหนดรูปแบบของตัวอักษร ให้มีรูปแบบเช่น AngsanaUPC , CordiaNEW , JasmineUPC เป็นต้น

มีรูปแบบโค้ดดังนี้

<font face="ชื่อแบบอักษร">ข้อความ</font>
<font face="ชื่อแบบอักษรที่ 1","ชื่อแบบอักษรที่ 2","ชื่อแบบอักษรที่ 3",...>ข้อความ</font> ใส่แบบอักษรไว้หลายๆ ชุด บราวเซอร์ สามารถเลือกใช้งานแบบอักษรที่มีได้

ตัวอย่างโค้ด

<html>
<head><title>webthaidd</title></head>
<body>
<font face="AngsanaUPC">แสดงข้อความแบบ AngsanaUPC</font><br>
<font face="CordiaNEW">แสดงข้อความแบบ CordiaNEW</font><br>
<font face="JasmineUPC">แสดงข้อความแบบ JasmineUPC</font><br>
</body>
</html>

ผลที่ได้

เป็นการกำหนดรูปแบบอักษรแบบเฉพาะเจาะจง แสดงรูปแบบที่กำหนดไม่มีการเปลี่ยนแปลง ถึงแม้จะใช้บราวเซอร์ที่แตกต่างกันเปิดดูเว็บ สามารถกำหนดรูปแบบตัวอักษรได้หลายรูปแบบ เช่น ตัวเอียง, ตัวหนา , ตัวกระพริบ เป็นต้น

มีรูปแบบโค้ดดังนี้

ตัวอักษรกระพริบ ใช้คำสั่ง <BLINK>...</BLINK>
ตัวหนา ใช้คำสั่ง <B>...</B>
ตัวเอน ใช้คำสั่ง <I>...</I>
ตัวขีดฆ่า ใช้คำสั่ง <S>...</S>
ตัวอักษรยกขึ้น ใช้คำสั่ง <SUP>...</SUP>
ตัวอักษรห้อยลง ใช้คำสั่ง <SUB>...</SUB>
ตัวอักษรพิมพ์ดีด ใช้คำสั่ง <TT>...</TT>
ขีดเส้นใต้ข้อความ ใช้คำสั่ง <U>...</U>

ตัวอย่างโค้ด

<html>
<head><title>webthaidd</title></head>
<body>
แสดงการกำหนดตัวอักษรแบบ Physical<br><br>
<BLINK> ตัวอักษรกระพริบ </BLINK>
<b>ตัวหนา</b><br>
<i>ตัวเอน</i><br>
<s>ตัวขีดฆ่า</s><br>
ตัวอักษร<sup>ยกขึ้น</sup><br>
ตัวอักษร<sub>ห้อยลง</sub><br>
<tt>ตัวอักษรพิมพ์ดีด</tt><br>
<u>ขีดเส้นใต้ข้อความ</u><br>
</body>
</html>

ผลที่ได้


เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)