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>
Chúc bạn thành công!!!
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!