HOverIntent/my hover
HOverIntent/my hover
I am absolutley new to jQuery but I like it. My past coding was AS3 in Flash.
I am rebuilding a website and ran into a problem where the menu in one section was a little too snappy when the mouse rolled over. I looked into delays etc bit stumbled onto "hoverIntent", which I could not figure out. I'm not even sure I had the html src="" pointing in the right direction. Is there a tutorial out there that is concrete and visually shows where everything goes?
I used an alternate hover method suggested by another forum and It seems to work great.
Maybe someone can look it over and suggest how it could be improved and if "hoverIntent" is a better solution.
This is my first post so I'm sure I have lots to learn.
Thanks.
<link href="cssFiles/index.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.5.custom/js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="jquery.event.hover-1.0.js"></script>
<script type="text/javascript">
$(function(){
$('#sculpture').bind("hover",{delay:500},function(){
/*$('#list').animate({height:'toggle'}, 'slow');*/
$('#list').fadeIn("fast");
});
});
$(function(){
$('#list').bind("mouseleave",function(){
$('#list').animate({height:'toggle'}, "normal");
});
});
</script>