JQuery最简单的菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JQuery菜单</title><style type="text/css">body{margin:0px;}div{position:absolute;border:1px #DDD solid;}#a{height:25px;background-color:gray;left:150px;}#b{height:120px;background-color:green;display:none;}</style><script type="text/javascript" src="JQuery.js"></script><script type="text/javascript">jQuery(function($){$("#a,#b").hover(function(){var a=$("#a").outerHeight();var b=$("#a").offset();$("#b").css("top",a).css("left",b.left).css("display","block");}, //鼠标经过事件function(){$("#b").css("display","none");});//鼠标离开事件});</script></head><body><div id="a">12312312313</div><div id="b">www<br />1231231<br />131231</div></body></html>
页:
[1]