<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style type="text/css"> div{ width:200px; height:200px; background:#9CF; display:none;} .bg{ background:#33FF00} </style> <script src="http://cloud.xing-xing.com/jquery.js"></script> <script type="text/javascript" language="javascript"> $(function(){ $("ul li").hover(function(){ $(this).addClass('bg') },function(){ $(this).removeClass('bg'); }) ; $("ul li").click(function() { $(this).removeClass('bg').unbind('hover'); $("ul li").find("div").css("display","none"); $(this).find("div").slideDown();}); }) </script> </head> <body > <ul> <li>111111<div></div></li> <li>222222<div></div></li> <li>333333<div></div></li> <li>444444<div></div></li> <li>555555<div></div></li> </ul> </body></html>
添加回答
举报
0/150
提交
取消