Loading post navigation ...
 
 

Pro page

49
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:

49

Khách (ẩn danh)

ví dụ 5 sai gòy

fandung

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

Khách (ẩn danh)

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ả?

ucmasnb

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

Khách (ẩn danh)

- 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)

Mạnh

Đả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

Unknown

hay lem

Unknown

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

Unknown

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

Khách (ẩn danh)

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

Unknown

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

Unknown

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

kongtu
Khách (ẩn danh)

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

Unknown

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

Unknown

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.

Unknown
Unknown

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

tienanhit

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

hoiquan24h

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

Unknown

Thanks!

Unknown
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 đỡ

giaoxutancuong.blogspot.com

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

giaoxutancuong.blogspot.com

hay thiệt

giaoxutancuong.blogspot.com

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

Unknown

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

Unknown

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

Unknown
Unknown

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

Unknown

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

Flagwix Inc

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

Unknown

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

Unknown

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!!!

Unknown

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/

dinhtruongland

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

dinhtruongland

dinhtruongland.com

Hoangdacviet

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

manhquanautovn

đọc thêm mua bán nhà đất uy tín:
mua nhà quận hoàn kiếm dưới 2 tỷhttps://homedy.com/ban-nha-quan-hoan-kiem-ha-noi-gia-duoi-2-ty
mua nhà quận thanh xuân dưới 2 tỷhttps://homedy.com/ban-nha-quan-thanh-xuan-ha-noi-gia-duoi-2-ty
mua nhà dưới 2 tỷ quận gò vấphttps://homedy.com/ban-nha-quan-go-vap-tp-ho-chi-minh-gia-duoi-2-ty\
mua nhà quận 10 dưới 2 tỷhttps://homedy.com/ban-nha-quan-10-tp-ho-chi-minh-gia-duoi-2-ty
mua bán nhà đất hà nội dưới 2 tỷhttps://homedy.com/ban-dat-ha-noi-gia-duoi-2-ty
mua nhà quận thanh xuân dưới 2 tỷhttps://homedy.com/ban-nha-quan-thanh-xuan-ha-noi-gia-duoi-2-ty
nhà dưới 1 tỷ quận 9https://homedy.com/ban-nha-quan-9-tp-ho-chi-minh-gia-duoi-1-ty

Unknown

tạo chữ chạy với dòng lệnh khá đơn giản:
tìm mua đất nền dự án quận 3
mua bán đất nền dự án quận 5
mua đất nền dự án quận 6 giá rẻ
tìm mua đất nền dự án tại quận 7
mua đất nền dự án quận 8

Bồ Câu Trắng
Đặng An Đạt
Đặng An Đạt
Lý Quang Huy ✅

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



☺ 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