Hiển thị tiêu đề thay đổi theo thời gian - 16 August 2010 - All 4 You
Saturday, 21-Jan-2017, 7:11 PM
Welcome Guest | RSS
Main » 2010 » August » 16 » Hiển thị tiêu đề thay đổi theo thời gian
2:28 PM
Hiển thị tiêu đề thay đổi theo thời gian

Đôi khi các tiêu đề blog của bạn quá dài và nó không thể hiển thị được hoàn toàn trên thanh Navigation của trình duyệt web. Để khắc phục điều này ta có thể thay thế bằng các tiêu đề ngắn gọn, xúc tích. Hoặc cũng có thể tạo hiệu ứng chạy chữ cho các tiêu đề dài (cách này khá phổ biến). Hôm nay mình sẽ giới thiệu cách khác để khắc phục điều này. Đó là hiệu ứng thay đổi tiêu đề bài viết theo thời gian.

Để thực hiện thủ thuật này, chúng ta chỉ cần chèn 1 đoạn script nhỏ vào trong code template (code -> chỉnh sửa code HTML là xong – đối với blogger) hoặc vào phần TOP PART (đối với uCoz). 

Chèn đoạn code Javascript bên dưới vào trước thẻ đóng </head>

<script language='javascript'>

step=0

function flash_title(){

step++;

if (step==4) {step=1}

if (step==1) {document.title="Chjp's Blog - http://b3smile.co.cc"}

if (step==2) {document.title='Chia sẻ nụ cười !'}

if (step==3) {document.title='Chúc các bạn một ngày mới vui vẻ và hạnh phúc'}

setTimeout("flash_title()",700);}

flash_title();

</script>

 

- Thay đổi các code màu xanh thành các tiêu đề mà bạn muốn hiển thị.

if (step==4) {step=1} : đây là đoạn code để quay về vòng lặp. nếu bạn có 10 tiêu đề, thì sửa nó lại thành if (step==11) {step=1}

setTimeout("flash_title()",700);} : đây là code điều chỉnh thời gian giãn cách giữa 2 tiêu đề (đơn vị là ms)

- Lưu lại và nhấn F5 để xem kết quả !

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

Tham khảo từ thuthuatpc.info & fandung.com

Category: Code | Views: 511 | Added by: all4u | Rating: 0.0/0
Total comments: 2
2  
We need a lot more <a href="http://ejsljaq.com">inghsits</a> like this!

1  
Good points all around. Truly apteicraped.

Only registered users can add comments.
[ Registration | Login ]
Login Form
Nhận bài qua Email


Đăng ký để nhận thông tin
và bài post mới nhất qua email

Chuyên mục
Toàn tập Dmon/ Ucoz [22]
Hướng dẫn thiết kế website với dịch vụ của Dmon.com/ Ucoz.com,...
Code [18]
Các code giúp bạn cá nhân hóa trang web của bạn
Design [21]
Các công cụ web giúp thiết kế web....
Featured Post - Image Gallery [15]
Menu [5]
Các Menu đẹp cho web của bạn
Tab Content [6]
Templates [3]
Toàn bộ thiết kế Template
Khác [0]
Rearch
Thống kê

Total online: 1
Guests: 1
Users: 0
Bản đồ truy cập
Locations of visitors to this page