• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo đoạn text hiển thị ngẫu nhiên và luân phiên

14
23/07/2011

Trên blogspot của bạn, đôi khi bạn thích hiển thị một số dòng text thông báo hoặc một vài câu danh ngôn mà bạn tâm đắc. Hiệu ứng tạo text hiển thị ngẫu nhiên hoặc luân phiên sẽ giúp cho trang web trở nên sinh động và bớt đơn điệu hơn. Qua bài viết này mình sẽ giới thiệu bạn cách tạo 2 kiểu text như thế.

1. Hiển thị text ngẫu nhiên: Đặt đoạn code sau đây vào một tiện ích HTML/Javascript.

<div style="width:500px;height:50px;background:#DDD;padding:5px 5px 5px 5px;margin:0px auto">
<!-- RANDOM QUOTES -->
<script type="text/javascript">
quotes = new Array()
quotes[0] = "Nội dung đoạn text 1"
quotes[1] = "Nội dung đoạn text 2"
quotes[2] = "Nội dung đoạn text 3"
quotes[3] = "Nội dung đoạn text 4"
quotes[4] = "Nội dung đoạn text 5"
quotes[5] = "Nội dung đoạn text 6"

randomquote = Math.random() * (quotes.length)
randomquote = Math.floor(randomquote)
document.write(quotes[randomquote])
</script>
<!-- RANDOM QUOTES -->
</div>

Lần lượt thay nội dung các đoạn text cần hiển thị ngẫu nhiên.


2. Hiển thị text luân phiên: Đặt đoạn code sau đây vào một tiện ích HTML/Javascript.

<!-- ROTATING QUOTES -->
<script type="text/javascript">
var index = 0;
quotes = new Array();
quotes[0] = "Nội dung đoạn Text 1";
quotes[1] = "Nội dung đoạn Text 2";
quotes[2] = "Nội dung đoạn Text 3";
quotes[3] = "Nội dung đoạn Text 4";
quotes[4] = "Nội dung đoạn Text 5";
quotes[5] = "Nội dung đoạn Text 6";

index = Math.random()*(quotes.length);
index = Math.floor(index);

function rotator() {
if (index == quotes.length) {index = 0;}
document.getElementById("rotation").innerHTML = quotes[index];
index++;
setTimeout("rotator();",5000);
}
</script>
<!-- ROTATING QUOTES -->
<div id="rotation" style="width:500px;height:50px;background:#DDD;padding:5px 5px 5px 5px;margin:0px auto"></div>
<script type="text/javascript">rotator();</script>

Lần lượt thay nội dung các đoạn text cần hiển thị luân phiên. Chú ý có thể thay đổi số 5000 tượng trưng cho 5 giây chỉ khoảng cách thời gian giữa các lần hiển thị text luân phiên.




Ở 2 code trên, bạn có thể tùy biến thêm CSS để tạo bản sắc riêng khi áp dụng cho blogspot của bạn.

{14 bình luậnAdd yours ?}

22:07:00, 23 thg 7, 2011

Hiện tại, VN blogspoter nhiệt nhất là Huỳnh Nhật Hà

Reply
22:09:00, 23 thg 7, 2011

Cái này thấy cũng tương tự như tiện ích Danh ngôn hé anh Hà :51)

Reply
22:29:00, 23 thg 7, 2011

@ Vietutd: Cảm ơn Vietutd nha. Mình thích mọi người cùng học tập chia sẻ, mọi thứ đều free cả. Hy vọng Vietutd cũng nhiệt tình hơn nữa nhé. Blogging sẽ tạo niềm vui và động lực trong cuộc sống.
@ Peace: Có nét giống thế, cái này cơ bản nhất để newbie hiểu thêm về javascript

Reply
22:47:00, 23 thg 7, 2011

À hình như trên web www.vietutd.com có trojan thì phải:
http://1.bp.blogspot.com/-vrxpZim1ztg/Tirs4ONESTI/AAAAAAAAAd0/nMutbLWoZvs/vietutdworm.PNG
Fix sớm nha :71)

Reply
00:40:00, 24 thg 7, 2011

bài này hay đó anh ơi, lúc trước em có tìm đoạn javascript tính năng này mà tìm hoài hông ra. may mà có anh!
Thích cái luân phiên,:52)

Reply
03:31:00, 23 thg 10, 2011

Cái này có chèn link dùng cho quảng cáo được ko bác :C)

Reply
15:44:00, 24 thg 10, 2011

@Mít Tơ Ngố Nếu đốc tơ Ngố (ý nhầm Mr Ngo) muốn xài quảng cáo thì áp dụng theo bài này nè:
http://www.thuthuatblogger.info/2011/07/tao-banner-quang-cao-hien-thi-luan.html

Reply
17:34:00, 9 thg 11, 2011

ủa anh ơi, sao em làm mà không được? nó hiện ra khoảng trắng trơn ah..:-<

Reply

:3) Thủ thuật này thú vị đó chứ!

Reply
22:39:00, 27 thg 8, 2012

Cảm ơn bạn. Mình cũng muốn làm những dòng chữ hiển thị ngẫu nhiên. Nhìn đẹp
Đây là blog của mình: http://www.expinf.com/

Reply
23:46:00, 5 thg 8, 2016

cảm ơn ad nhiều, thông tin hay quá
cách trị mụn

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn