Menu dọc cho hình ảnh
TẠO MENU DỌC CHO HÌNH ẢNH
‘; div.innerHTML = summary; } //]]>
Với thủ thuật dưới đây, các bạn có thể dễ dàng tạo một menu cho một hình ảnh nào đó. Khi bạn rê chuột vào hình ảnh này thì sẽ có một menu xổ dọc xuống phía dưới hoặc phía trên tuỳ theo vị trí của ảnh. Các bạn có thể áp dụng thủ thuật này để làm liên kết với các blog khác…
Xem thử
<script type=”text/javascript” src=”http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.js”>
</script>
<script type=”text/javascript”>
var anylinkmenu1={divclass:’anylinkmenu’, inlinestyle:’width:260px; background:#FDD271′, linktarget:’_new’} //First menu variable. Make sure “anylinkmenu1” is unique
anylinkmenu1.items=[
[“Tiêu đề 1”, “Link liên kết”],
[“Tiêu đề 2”, “Link liên kết”],
[“Tiêu đề 3”, “Link liên kết”],
[“Tiêu đề 4”, “Link liên kết”],
[“Tiêu đề 5”, “Link liên kết”],
[“Tiêu đề 6”, “Link liên kết”],
[“Tiêu đề 7”, “Link liên kết”],
[“Tiêu đề cuối”, “Link liên kết”] //dòng cuối này không có dấu phẩy phía sau
]
//anylinkmenu.init(“menu_anchors_class”) //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init(“menuanchorclass”)
</script>
<a href=”http://www.dunghennessy.blogspot.com” class=”menuanchorclass” rel=”anylinkmenu1″><img border=”0″ src=”Link hình ảnh” /></a>
Mở rộng thêm:
* Ở code trên có tất cả 8 mục, nếu muốn nhiều mục hơn, bạn copy lệnh này: