Cám ơn các bạn đã ghé tham quan và ủng hộ cho website http://cdqtkd5a.blogspot.com/ , chúc các bạn luôn nhiều sức khỏe và thành công trong cuộc sống.Website xem tốt nhất với trình duyệt Google Chrome và Mozilla Firefox. Admin: Văn Tùng
Home » » Hiệu ứng thay đỗi màu Text liên tục

Hiệu ứng thay đỗi màu Text liên tục


Mình đã giới thiệu cùng các bạn Script thay đổi màu liên tục khi rê chuột vào link (Bạn có thể xem tại đây) và hôm nay mình xin chia sẽ code giúp cho text tự động thay liên tục tương tự như vậy. Ở đây chúng ta không phải rê chuột mới thay đổi mà nó sẽ tự động thay đổi. Với hiệu ứng này sẽ giúp cho dòng text trên blog trông đẹp hơn và đặc biệt bạn có thể tạo hiệu ứng cho dòng tin mà bạn muốn gây sự chú ý cho độc giả.


1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Thêm 1 HTML/Javascript và thêm vào code bên dưới
<style> .highlight {font-size:13px; /*cở chữ*/ font-family:Times; /*font chữ ví dụ times, arial...*/ font-weight:bold; /*in đậm, nếu bạn không muốn in đậm text bạn có thể xóa dòng này*/ } </style> <script> var text="NHẬP NỘI DUNG CỦA BẠN VÀO ĐÂY" var speed=80 //tốc độ chuyển đổi giữa các màu if (document.all||document.getElementById){ document.write('<span id="highlight" class="highlight">' + text + '</span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() </script>
4. Các bạn save lại là xong.
Chúc bạn thành công!!!
Share this article :

0 nhận xét:

Đăng nhận xét

» CĐQTKD5A cảm ơn bạn đã giành chút time để đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người thân, bạn bè biết.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu.
» Những lời comment thiện ý của bạn sẽ giúp trang CDQTKD5A ngày một phát triển!

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

 
Support : Creating Website | Johny Template | Maskolis | Johny Portal | Johny Magazine | Johny News | Johny Demosite
Copyright © [2010-2013]. Website CĐQTKD5A - Trường Đại Học Tây Đô.
Bản Quyền Thuộc Về CĐQTKD5A
Khi Đăng lại bài từ trang này vui lòng ghi rõ nguồn CĐQTKD5A.TK