Hiệu ứng cuộn cho cửa sổ mới khi click vào link
2 thg 3, 2012
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ật1. Đăng nhập vào Blogger2. Vào phần thiết kế, chọn chỉnh sửa HTML3. Chèn code bên dưới vào sau thẻ <head> hoặc trước thẻ </head>
<script src="http://traidatmui-tips.googlecode.com/files/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
Địa chỉ bài viết: http://www.traidatmui.com/2010/12/hieu-ung-cuon-cho-cua-so-moi-khi-click.html#ixzz1nt67Ywsb
Nguồn: TRAIDATMUI.com
Tags:
B advace,
Blogspot
Bài đăng
01693148668
Ý kiến bạn đọc [ 0 ]
Ý kiến của bạn