"Hiệu ứng cuộn cho cửa sổ mới khi click vào link"

(Traidatmui.com) - Thông thường với lệnh target="_blank" trong thẻ <a> thì khi bạn click vào link, nó sẽ xuất hiện ngay một cửa sổ mới với đường dẫn mà bạn lập sẳn trong thẻ này. Nếu bạn thấy như thế thật đơn điệu thì bạn có thể tạo thêm hiệu ứng cho cửa sổ xuất hiện này. Hôm nay mình sẽ hướng dẫn bạn thực hiện việc này, thủ thuật mình định giới thiệu cho bạn nó sẽ làm cho cửa sổ mới của bạn không xuất hiện đầy đủ ngay khi bạn click vào link. Khi bạn click vào link nó sẽ có hiệu ứng cuộn từ trên xuống và sau đó sẽ mở rộng toàn bộ cửa sổ mới này. Để thấy rỏ bạn hãy xe demo bên dưới.

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

1. Đăng nhập vào Blogger
2. Vào phần thiết kế, chọn chỉnh sửa HTML
3. Chèn code bên dưới vào sau thẻ <head> hoặc trước thẻ </head>
<script src="http://data-traidatmui.appspot.com/scripts/expandwin.js" type="text/javascript"/></script>
<script language="javascript">
var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes'
var heightspeed = 1; // tốc độ cuộn theo chiều dọc (số càng lớn cuộn càng nhanh và ngược lại
var widthspeed = 7; // tốc độ cuộn theo chiều ngang (số càng lớn cuộn càng nhanh và ngược lại
var leftdist = 5; // khoảng cách bên trái của window
var topdist = 5; // khoảng cách bên trên của window
</script>

Bạn chỉnh sửa theo các hướng dẫn trong code (dòng màu xanh).

4. Save template lại.
5. Để sử dụng hiệu ứng này cho link, khi tạo link bạn hãy tạo như bên dưới.
<a href="#" onclick="expandingWindow('http://www.traidatmui.com');return false">TRAIDATMUI.com</a>

Bạn thay địa chỉ (http://www.traidatmui.com) trong code thành đường link bạn muốn tạo.

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

Xem khác cùng chủ đề

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

12/17/2010 11:35:00 CH Trả lời

( Vào đây mà xem - http://vietenter.blogspot.com )

12/27/2010 07:58:00 SA Trả lời

Cho mình hỏi Đình làm chữ ký tự động theo tên như thế nào vậy. Cảm ơn nhiều.

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