About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

สุ่มแสดงสี Background ของเว็บเพจ [Article ID : 79]


เรื่อง : สุ่มแสดงสี Background ของเว็บเพจ

สี Background หรือสีของพื้นหลังของเว็บเพจ เราสามารถกำหนดได้จากหน้าต่าง Page Properties ของโปรแกรม แต่ถ้าหากเราต้องการให้เว็บเพจมีการสุ่มหรือ Random ในการแสดงสีพื้นหลังละ เราจะทำอย่างไร ครั้งนี้ dwthai.com มีวิธีการทำมาฝากครับ

วิธีการทำสุ่มแสดงสี Background ของเว็บเพจ

1. ทำการเปิดไฟล์เว็บเพจหรือทำการสร้างไฟล์เว็บเพจขึ้นมาใหม่ เมื่อเปิดขึ้นมาแล้วให้คุณทำการเลือกไปที่ Show Code View จากนั้นให้คุณนำเอา Cursor ไปวางในส่วนของ CODE นั้น เมื่อวางแล้วให้ทำการเปิด Panel ที่ชื่อว่า Snippets ขึ้นมา ดังรูป


2. จากนั้นที่ Snippets Panel นี้ให้เราทำการเลือกไปที่ Folder ที่ชื่อว่า JavaScripts แล้วทำการ Click ที่เครื่องหมาย บวก (+) เมื่อคลิ๊กไปแล้วหน้าต่างดังกล่าวจะแสดงรายชื่อย่อย ๆ ออกมาให้เราสามารถใช้งานได้ ให้เราเลือกไปที่ Folder ย่อย ที่ชื่อว่า Stater Script ดังรูป


3. จากนั้น เลือกไปที่ List ที่ชื่อว่า Start Script 1.2, Warp ดังรูปข้างต้น เพื่อทำการเปิด TAG เริ่มต้น JavaScript
4. จากนั้นให้เราไปที่ Folder ที่ชื่อว่า conversions แแล้ว CLick ลงไป ดังรูป เมื่อคลิ๊กแล้วจะได้เมนูย่อยแสดงออกมา ให้เราเลือกไปที่ Hex To Decimal ดังรูป การเลือกนี้โดยการ ดับเบิ้ลคลิ๊กลงไปที่เมนูย่อยนั้น


5. เมื่อเราได้ทำการ Insert Function ที่ชื่อว่า decToHex() เป็นที่เรียบร้อยแล้ว จากนั้นต่อมาให้คุณมาที่ Folder ที่ชื่อว่า randomizers แล้วจากนั้น ให้คุณทำการ Insert 2 Function จาก List รายการ ดังนี้ Random Number และ Random Background Color หลังจากนั้น ที่ CODE ให้เราทำการพิมพ์ชื่อ Function ที่ชื่อว่า randomBgColor(); ลงไป จากนั้นให้คุณทำการ Preview ดูผลกับ Web Browser


ผลลัพธ์หลังจากที่เรา Insert Function ต่าง ๆ ลงไปโดยผ่าน Snippets Panel

About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

วิธีการทำรูปพื้นหลัง (Background Image) ของเว็บเพจไม่ให้กระทำซ้ำ

เรื่อง : การทำรูปภาพ Background ไม่ให้กระทำซ้ำ (Background No Repeat) บางครั้งของการออกแบบ Web Page เราต้องการใส่รูปภาพเป...  

สร้าง Select Options แบบ Checkbox เพื่อให้ User เลือกข้อมูล

เรื่อง : วิธีการสร้าง Select Options ในแบบ Checkbox หลายท่านอ่านหัวข้อบทความแล้วอาจจะงง ๆ ว่า Select Options ในแบบ Chackbo...  

สร้าง Web Application ด้วย Dreamweaver + PHP + MySQL การเตรียมพร้อมและข้อตกลงในการเรียนรู้

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 1สำหรับบทความนี้ก็จะเป็นบทความชุดนะครับคือใน 1 เร...  

สารพัดปัญหา Dreamweaver ติดต่อกับ Database (MySQL) ไม่ได้

เรื่อง: ปัญหาการใช้โปรแกรม Dreamweaver สร้าง Connection กับฐานข้อมูลไม่ได้ "Dreamweaver ติดต่อกั...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*