- 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.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>
Bạn Vào Đây tải về file javascript up lên host của bạn (Nếu không có host riêng thì bạn để nguyên đườn dẫn trên)<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 đường dẫn file mà bạn vừa up lên host 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://hnshare.blogspot.com/');return false">hnshare.blogspot.com/</a>
Bạn thay địa chỉ (http://hnshare.blogspot.com/) trong code thành đường link bạn muốn tạo.
Chúc bạn thành công
1 nhận xét:
link die rồi bạn ơi
http://www.gaicualo.tk/
Đăng nhận xét