"Hiệu ứng "Neon" cho text trên Blogspot"

(Traidatmui.com) - Việc tạo hiệu ứng cho cũng khá nhiều cách, hôm nay mình sẽ giới thiệu bạn cách tạo hiệu ứng cho text với màu chạy ngang trông thật đẹp. Việc tạo chữ với hiệu ứng này cũng khá đơn giản, ở đây mình sẽ hướng dẫn bạn chèn ngay vào tiện ích HTML/Javascript của Blogger để không bị lỗi code. Bạn có thể xem phần mô tả của thủ thuật bên dưới bằng cách click LIVE DEMO.

» Bắt đầu thủ thuật

1. Đăng nhập tài khoản Blogger
2. Vào phần thiết kế (hay bố cục)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và chèn vào code bên dưới
<style>
.neonlight{font-weight:bold;
font-family:times;
font-size:13px; /*cở chữ*/
}
</style>

<script language="JavaScript1.2">
var message="TRAIDATMUI.COM" //thay thành dòng tin của bạn
var neonbasecolor="#000099" //màu của text
var neontextcolor="#FFFC17" //màu của hiệu ứng neon 1
var neontextcolor2="#FBB117" //màu của hiệu ứng neon 2
var flashspeed=120 // tốc độ chạy của màu neon 1 và neon 2, số càng nhỏ tốc độ càng nhanh
var flashingletters=2 // độ rộng của màu neon 1
var flashingletters2=1 // độ rộng của màu neon 2
var flashpause=0

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span class="neonlight" id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>

5. Save tiện ích lại và xem kết quả

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

Xem khác cùng chủ đề

3 nhận xét | Viết lời bình

4/18/2011 04:22:00 SA Trả lời

Chưa có DEMO àh anh? roile

Admin
4/18/2011 04:27:00 SA Trả lời

Bạn xem demo bên trên đã có rồi đó bạn! Thân!

Nặc danh
9/19/2011 05:59:00 SA Trả lời

xdsdshttps://lh5.googleusercontent.com/_9-sNIAfGhKg/TXxpmChMQTI/AAAAAAAAAG4/XOvIu8ULdso/43.gif

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