dos: 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 โดยมีรูปแบบคือ

...

หรือ

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

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

ตัวอย่าง code

<html>
<head><title>webthaidd</title></head>
<body>
WebthaiDD.com
WebthaiDD.com
</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 เป็นต้น

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

ข้อความ
ข้อความ ใส่แบบอักษรไว้หลายๆ ชุด บราวเซอร์ สามารถเลือกใช้งานแบบอักษรที่มีได้

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

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

ผลที่ได้

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

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

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

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

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

ผลที่ได้

dos

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

html

ไม่มีความคิดเห็น:

แสดงความคิดเห็น