Loading post navigation ...
 
 

Pro page

45
Nhận xét

Tạo chạy chữ với lệnh Marquee (Nâng cao)

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[FD's BlOg] - Marquee là gì? Marquee là một mã HTML để làm cho một đối tượng có thể chuyển động. Marquee mã là một mã phổ biến vì nhiều blogger sử dụng mã này vào blog của họ. Lệnh Marquee được thực hiện bằng cách sử dụng thẻ <marquee> {đối tượng}<marquee>. Lệnh marquee hiển thị tốt nếu xem tại trình duyệt Internet Explorer, tuy nhiên các trình duyệt khác sau này có nhiều phiên bản mới đã cũng có thể hiển thị tốt như IE.

Một số các thuộc tính thường dùng của lệnh marquee:
- BGCOLOR="color" → tạo màu nền cho vùng hiện thị lệnh marquee (có thể dùng hình nền...).
- DIRECTION="left/right/up/down" → chọn hình thức chạy chữ ( trái, phải, lên, xuống...)
- BEHAVIOR="scroll/slide/alternate" → thiết lập kiểu chạy chữ .
Scroll → di chuyển tuần tự.
Slide → di chuyện 1 thời gian, sau đó dừng lại.
Alternate → di chuyển từ trái sang phải sau đó dừng lại.
- TITLE="message" → Một đọan tin nhắn nhỏ được hiển thị khi người dùng rê chuột vào.
- SCROLLMOUNT="number" → điều chỉnh tốc độ chạy
- SCROLLDELAY="number" → chỉnh thời gian hiển thị (tính bằng giây)
- LOOP="number|-1|infinite" → to manage sum of looping.
- WIDTH="number" → chỉnh độ rộng của vùng chạy chữ. Có thể dùng đơn vị pixel (px) hoặc phần trăm (%).

►Một vài ví dụ :
Ví dụ 1
Code

<marquee align="center" direction="left" height="100" scrollamount="2" width="100%">

Chuyển động từ trái qua phải, độ rộng 100%, cao 100px, tốc độ chạy chữ là 2

</marquee>


Kết quả hiển thị:



Chuyển động từ trái qua phải, độ rộng 100%, cao 100px, tốc độ chạy chữ là 2



Ví dụ 2 :
Code

<marquee align="center" direction="left" height="200" scrollamount="4" width="100%" behavior="alternate">
Chạy chữ qua trái rồi quay lại qua phải (thuộc tính alternate)

</marquee>


Kết quả hiển thị:



Chạy chữ qua trái rồi quay lại qua phải (thuộc tính alternate)



Ví dụ 3:
Code

<div align="left"><font face="georgia" color="White"><b><marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate">

Chạy chữ với màu nền

</marquee></b></font></div>


Kết quả hiển thị:



Chạy chữ với màu nền




Ví dụ 5:
Code

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="200" align="center">

Di chuyển xuống dưới,
dừng lại khi ta rê chuột vào,
chạy tiếp khi rê chuột ra

</marquee>


Kết quả hiển thị:



Di chuyển xuống dưới,
dừng lại khi ta rê chuột vào,
chạy tiếp khi rê chuột ra



Chúc các bạn thành công.


Enter your mail address:

45

Khách (ẩn danh)

ví dụ 5 sai gòy

fandung

cảm ơn bạn đã góp ý. Mình đã fix :D

haitsh1388

có code nào mà chạy ảnh giống như chữ đồng thời tự chỉnh luôn size ảnh không bạn?

fandung

@haitsh1388: tự chỉnh luôn size ảnh là sao bạn?? có phải là các ảnh có kích thước khác nhau khi cho chạy ảnh thì nó resize cho nó bằng nhau hả?

[!!]Mưa[ -(¯`v´¯)--(¯`v´¯)»]Ngâu[!!]

thủ thật này áp dụng cho tiện ích newstap hoặc list ảnh nằm ngang được không anh

fandung

@[!!]Mưa[ -(¯`v´¯)--(¯`v´¯)»]Ngâu[!!] :được chứ em, chỉ cần cho vào thẻ <marquee> là được.

Khách (ẩn danh)

Anh àh! Em muốn cho chữ chạy trên ảnh nền và chỉ chạy ở giữa ảnh thôi làm thế nào? Mong nhận được hồi âm của anh sớm

TRIỆU ĐÌNH PHÚC

- SCROLLMOUNT nó là - SCROLLAMOUNT mới đúng bác Dũng ơi, hic hic
http://lh3.ggpht.com/_UCsnBE0Z5hg/S96rrS6b6zI/AAAAAAAAAmg/xjKCW3heddM/error%20fandung.jpg

Khách (ẩn danh)

Mình muốn chữ vẫn đứng yên cho tới khi rê chuột vào.
Và khi rê chuột ra thì chữ lại đứng yên như cũ.
(Điều này ngược với code ở trên, mong bạn chỉ giúp)

Kun

Đảo ngược lại "this.start()" sang "this.stop()"
thì sẽ được theo ý bạn là rê chuột vào thì chạy, bỏ ra thì đứng im!!
ok

Cam Ranh Sale

hay lem

hang vu

mình muốn làm cho chữ chạy từ trên xuống thì phải làm sao ?

Tam Dinh Phuoc

Đang tìm cái này ! Thanks nhé !
nha khoa

Nhay Nhap

Bài viết thật bổ ích
wap game mobile | xem truyen tren di dong | xem anh tren di dong | xem clips tren di dong | giai tri tren di dong

Trang Doan

cảm ơn nhìu nhìu ak :

Quang truong xuan

cảm ơn bạn nhiều lắm...rất hữu ích đối với mình.

kongtu
viet nam itvsolution

Cảm ơn bác nhiều lắm, đang cần cái này, nhưng nếu mình muốn chạy ảnh, mỗi lần chạy là 1 ảnh thì cần lệnh gì bạn nào biết share anh em nhé!

itvsolution.vn, shop.itvsolution.vn

MR. A.R

DOWNLOAD XXX NURS HENTAI SEX GAME FOR ADULTS 18+ CLICK HERE TO DOWNLOAD
DOWNLOAD SEDUCE ME SEX ADULT PC GAME 18+ CLICK HERE TO DOWNLOAD

tui emtrai

vi du 5 sửa sao đây bạn

tui emtrai

bạn ơi cho tớ hỏi. khi mình ấn vào 1 ảnh muốn nó hiện ảnh của nó to hơn bên cạnh thì làm thế nào? mong các bạn giải đáp giúp mình.

Duyên Kiều
phạm xuri

mau thiet ke dinh thu | mau thiet ke | mau thiet ke biet thu phap co

TienAnh Tran

bài viết hay lắm.cảm ơn anh nhé,
Tải Photoshop |Tải Photowonder | Ứng dụng hay cho Android | Phần mềm hay cho Android | Tải tubemate 2.2.4

Tung Le

cảm ơn bạn bài viết rất hay, nếu mình muốn các dòng chữ khác nhau thay đổi liên tục thì làm như thế nào?
mobi army 3

Nam Trà Phương

Thanks!

Nam Trà Phương
LÊ QUANG NINH

cho mình hỏi chút. mình thấy ở nhiều trang, nhất là trang rao vặt, khi mở trình duyệt lên thì có phần list chạy ấy, ko biết họ dùng thế nào nhưng mình thấy đã có sẵn list ở đó và nó cứ thể chạy. Nhưng với marquee này thì mình thấy nó lại ko có sẵn list chạy mà phải chạy từ từ ở dưới. Vậy có cách nào để hiển thị sẵn rồi nó chạy ko. Tại chưa có sẵn và đợi nó chạy nên hoặc xuống thì nhìn phần còn lại nó trống trống sao ấy. Mong các pro giúp đỡ

oanh duc

chào anh em muốn làm chữ chạy lửa cháy anh làm giúp em với em cảm ơn anh

oanh duc

hay thiệt

oanh duc

anh ơi tạo bắn pháo hoa 7 màu trên trang anh có tạo được không anh tạo giúp em với nhé

Unknown

Mình cùng ý kiến với bác LÊ QUANG MINH, nhờ ad xem hỗ trợ sớm giúp

Vui Quang

ad ơi cái VD 5 mình copy đoạn code thả vào web thay đổi hướng chạy nó chạy nhưng khi di chuột vào chư thì nó không dừng lại.
giờ làm thế nào chỉ mình với thks nhiều

minh công vũ

THẺ MAQUEEN KHI MÌNH CHO CHẠY ẢNH, THÌ CÁI Ô ĐỂ CHẠY ẢNH ĐÓ, NÓ PHẢI HIỂN HẾT BẰNG ĐỘ DÀI TẤT CẢ CÁC ẢNH . cÓ CÁCH NÀO KHI MÌNH CHO CHẠY NHIỀU ẢNH, NHƯNG Ô HIỆN THỊ MAQUEEN ĐÓ MÌNH CHỈNH ĐƯỢC KÍCH CỠ KHÔNG. tHAN

lele toan
lele toan

sao e làm hoai k ra vậy
bup be tinh duc

phuoc vui

ban oi lam sao de 2 dong chu chay nguoc chieu nhau nhung nam tren mot dong dc vay

Công ty TNHH Tầm Nhìn Việt

Mình đã làm được với trang của mình. Cảm ơn AD nhiều
Các bạn vào xem DEMO: tại đây nha!
Nhớ bấm kết nối để trao đổi nhiều hơn nha.
Thank!

Nguyễn Trọng

viralstyle
teezily
teechip
sunfrog
gearlaunch
fabrily
threadmeup
unionshirts
the printful
sell my tees
merchify
shirtmagic
bonfire funds
badideatshirts
sunfrogshirts

VinhDigital

Admin cho hỏi phần Đối tác cuối web mình dùng thẻ marquee nhưng muốn nó hiển thị ngay rồi mới scroll sang trái thì làm thế nào
http://vinhdigital.com/
Các thuộc tính trên không thấy đề cập
cảm ơn bạn

Nguyen Phat

giúp mình tạo marquee chạy từ trên xuống dưới vòng lặp liên tục cho site vinaphone với . Tks nhiều!!!

VinhDigital

Admin cho hỏi phần Đối tác cuối web mình dùng thẻ marquee nhưng muốn nó hiển thị ngay rồi mới scroll sang trái thì làm thế nào

http://vinhdigital.com/

Truong Dinh

ad cho mình hỏi sao blog mình ko tìm được thẻ này vậy và có cách j khắc phục ko. blog mình đã đổi theme

Truong Dinh

dinhtruongland.com

Hoang Dac Viet

Ai muốn liên kết với website Www.SvTre.Com thì pm mình nhé
Xem Tivi Online Tv.VnTim.Com
Nghe Radio Online Radio.VnTim.Com
CayTet.Com
DauNong.Com
BangLaiXe.SvTre.Com
GiaSu.SvTre.Com
BeTrap.SvTre.Com



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home