หน้าแรก บริการของ dwthai.com เกี่ยวกับ dwthai.com ติดต่อ dwthai.com
พื้นฐานการใช้งาน การใช้งานที่มากกว่างาน Design ขยายความสามารถให้ DW เรื่องของ Script บทความน่ารู้
มุม Download
พูดคุยสนทนาตามประสาคนทำเว็บ
หาเพื่อนคุยคอเดียวกันกับ MSN
ติ-ชมเราบ้าง

 

:: ติดต่อเรา ::
webmaster_dwthai@yahoo.com
webmaster@dwthai.com

08 - 9495 - 7296
-------
-----------------------------------

เรื่อง :: การทำตัวอักษรวิ่งโดยใช้ Extension

ตอนที่คุณเข้ามาภายในเว็บนี้ ุณได้สังเกตที่หน้าแรกไหมครับ จะมีตรงที่เขียนไว้ว่า เว็บนี้อัพเดทครั้งสุดท้ายเมื่อไหร่ คุณสังเกตไหมครับว่ามันเป็นตัวอักษรธรรมดาแต่มันวิ่งไปเรื่อย ๆ ครับ ตรงนั้นแหละครับที่ผมจะเขียนถึงในบทความนี้ จะแตกต่างอยู่ที่ว่า ที่ในหน้าแรกที่คุณเห็นนั้นผมสร้างโดยการเขียน CODE เข้าไป แต่ในรบทความนี้จะเป็นการบอกถึงการใช้ตัว Extension มาสร้างตัวอักษรให้วิ่งอย่างที่เห็นครับ ซึ่งก็ได้ผลออกมาเหมือนกันครับ แต่จะสะดวกกว่า โดยเฉพาะกับผู้ที่เบื่อต่อการเขียนโค้ดหรือไม่ทราบโค้ดดังกล่าว..


วิธีการสร้าง

ก่อนอื่นให้คุณเข้าไป download ตัว Extension ที่ชื่อว่า Marquee ซึ่งจะอยู่ในหมวดของ text ครับ พอโหลดมาแล้วก็ทำการติดตั้ง (การหา download และการติดตั้งหาอ่านได้ในหน้า Extension ) เมื่อติดตั้งเสร็จ เจ้า Extension ตัวนี้จะทำการเพิ่มตัวเองลงในหน้าต่าง Object หรือ หน้าต่าง Insert (ถ้าเป็นMX) จากนั้นก็ทำขั้นตอนต่อไปนี้

ให้ click ไปที่ Icon ของ Extension ตัวนี้ที่ปรากฏอยู่ในหน้าต่าง Object ครับ (ดังรูป Pic.1)

Pic.1
เมื่อ click แล้วก็จะปรากฏหน้าต่างใหม่ขึ้นมาดังรูป Pic.2

 

 

 

 

 

Pic.2

ที่หน้าต่าง Marquee นี้ให้เรากำหนดค่าดังนี้ >>>

ที่ช่อง Text ให้ใส่ข้อความที่เราต้องการให้ปรากฏบนหน้า webpage ลงไป

ที่ช่อง Font, Size, Font Color ก็เป็นการกำหนดค่าของตัวอักษร และที่ช่อง BG Color จะเป็นการกำหนดสีพื้นหลังของตัวอักษรที่วิ่งไป

ที่ตัวเลือกของ Direction คือการกำหนดให้ตัวอักษรจะวิ่งจากซ้ายไปขวา หรือ จะวิ่งจากขวาไปซ้าย

ที่ตัวเลือกตรง Delay คือการกำหนดค่าความเร็วในการเคลื่อนที่ของอักษร

ที่ Size เป็นการกำหนดความกว้าง (Width) และ ความสูง (Height) ของพื้นของการเคลื่อนที่ตัวอักษร เมื่อกำหนดเสร็จสิ้นแล้วก็ cilck ที่ OK ครับ เราก็จะได้ตัวอักษรที่วิ่งไปบนหน้าเว็บเพจของเราแล้วครับ...

http://www.dwthai.com: Tip & Trick for Dreamweaver Program.

 

ปล.การใช้ Extension ตัวนี้ จะไม่สามารถใช้งานภาษาไทยได้ ถ้าต้องการใช้งานภาษาไทยคุณต้องเข้าไปแก้ไขในส่วนของ HTML ครับ.

BACK TOP


สงวนลิขสิทธิ์ © 2546-2550 โดย dwthai.com ห้ามการ copy ส่วนใดส่วนหนึ่งของเว็บไซต์แห่งนี้.
Copyright ©2003-2007 dwthai.com. All rights reserved. This website was created by : S.raksasuk.