รวมงานนักเเรียน: +... การสร้าง HTML/จาวาสคริปต์

Code ข้อความวิ่ง รูปภาพเลื่อนCode โค๊ด ข้อความ รูปภาพ เลื่อน ไป-มา, เลื่อนขึ้น-ลง โค๊ดเปลี่ยนขนาดอักษร,เปลี่ยนสีอักษร, เปลี่ยนสีพื้นหลัง

-----------------------------------------------------------------------------------------------

การสร้าง HTML/จาวาสคริปต์

วิธีการ

(1) ล็อกอินเข้าระบบ
(2) ที่เมนู การแก้ไขบล็อก คลิกเลือกที่ รูปแบบ
(3) คลิกที่ พาดทุกคอลัมน์ฺ
(4) เลือกเก็จเกต HTML/จาวาสคริปต์
(5) จะแสดงการตั้งค่า HTML/จาวาสคริปต์
(6) ชื่อ... อักษรวิ่ง
(7) ช่องเนื้อหา พิมพ์ <marquee> .......ข้ อ ค ว า ม วิ่ ง ............</marquee>

(8) คลิกบันทึก
-------------------------------------------------------------------------------------------------

ลูกเล่นอื่น ๆ

Code ข้อความเลื่อน

Baipak.blog/บล็อกใบผัก

Code = <marquee>Baipak.blog/บล็อกใบผัก</marquee>
(ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

Code ข้อความเลื่อนจากซ้ายไป-ขวา

Baipak.Blog/บล็อก.ใบผัก

Code <marquee direction="right">
Baipak.Blog/ บล็อก.ใบผัก</marquee>

Code ข้อความเลื่อนจากล่าง ขึ้นบน

Baipak.blog/บล็อก.ใบผัก

อธิบายโค๊ด
Code ข้อความเลื่อนจากล่าง ขึ้นบน = <marquee direction="up">

Code <marquee direction="up">
Baipak.blog/ บล็อก.ใบผัก</marquee>
(ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

Code ข้อความเลื่อนจากบนลงล่างมีรูปภาพด้วย

Baipak.Blog/บล๊อก.ใบผัก

**อธิบายโค๊ด
Code ข้อความเลื่อนจากบนลงล่าง = <marquee direction="down">
Code ข้อความมีรูปภาพ = <img src="url รูป" >
( ตัวอักษรสีน้ำเงินให้ใส่ url รูปภาพ )

Code <marquee direction="down"><img src="url รูป">
Baipak.Blog/บล๊อก.ใบผัก</marquee>

(ตัวอักษรสีน้ำเงินให้ใส่ url รูปที่แสดง)

Code ข้อความเลื่อน แบบ กำหนดความกว้าง สีพื้นหลัง และ ไป-กลับ
**ถ้าดูด้วย Chrome ข้อความจะไม่วิ่ง, ต้องดูด้วย Explorer ข้อความถึงจะวิ่ง

Baipak.blog/บล็อกใบผัก

อธิบายโค๊ด

Code ข้อความเลื่อนไป-กลับ = behavior="alternate"

Code <marquee behavior="alternate" bgcolor="#ffccff" width="500px" height="50px">
<FONT COLOR="#990033" size="6">Baipak.blog/บล็อกใบผัก
</marquee>

(ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

Code ข้อความแบบกำหนดความเร็ว

Baipak.Blog/บล๊อก.ใบผัก

อธิบายโค๊ด
Code ข้อความแบบกำหนดความเร็ว = <marquee scrollamount="3" >

Code <marquee scrollamount="3" ><img src="url รูป">Baipak.Blog/บล๊อก.ใบผัก<img src="url รูป" ></marquee>

(ตัวอักษรสีน้ำเงินให้ใส่ url รูปที่แสดง)

Code รูปภาพวิ่งมาชนกัน

อธิบายโค๊ด
Code โค๊ดที่ทำให้ข้อความหรือรูปภาพวื่งมาชนกัน = <marquee direction=right width=40%>
Code <marquee direction=right width=40%><img src="url รูป"></marquee><marquee width=40%><img src="url รูป"></marquee>

(ตัวอักษรสีน้ำเงินให้ใส่ url รูปที่แสดง)

Code = <marquee>Baipak.blog/บล็อกใบผัก</marquee>
(ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

ที่มา http://baipak.blogspot.com/2012/10/code_2217.html