version 2.2
horizontal menu, reveals more of the image as you rollover it.
features
- 2 optional onClick events - open & close
- href passed to onClick events
- stays open when clicked
- closes when clicked
- select item to pre-open
usage
var myMenu = new ImageMenu('imageMenu', {
openWidth:310,
onOpen:function(e,i){console.log(e)}
});options
- onOpen
- a function to execute when an item is clicked open. If there is an href within the li then that is passed to the function.
- onClose
- same as above but when clicked closed.
- openWidth
- width in px of the items when rolled over. default: 200
- transition
- default: Fx.Transitions.quadOut
- duration
- the length of the transition. default: 400
- open
- the id or index of the item to open on start. default: null
- border
- a px value to tweak the widths when an item is open. default: 0
browser compatibility
- Firefox 2 (mac / pc)
- IE 7
- IE 6
- Safari (mac)
Posts
0 comments:
Post a Comment
Don't forget to leave your comment about this post.
It will help us to improve this blog.