"Hiệu ứng thay đổi màu liên tục cho text"

(Traidatmui.com) - Trước đây mình đã có lần 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="TRAIDATMUI.COM"
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ỉnh code: Bạn thay dòng text màu xanh đậm ở trên thành dòng text của bạn

4. Cuối cùng save lại là xong

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

Xem khác cùng chủ đề

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang