基础的jQuery的题目_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:17:531052瀏覽
<script> <br /> $(function(){ <br /> $("td").mouseover(function(){ <br /> $(this).addClass("i"); <br /> }); <br /> $("td").mouseout(function(){ <br /> $(this).removeClass(); <br /> }); <br /> }); <br /> </script>
<script></script>
<script> <br /> $(function(){ <br /> $("ul li").hover(function(){ <br /> $(this).addClass("liu"); <br /> }, function(){ <br /> $(this).removeClass("liu"); <br /> }); <br /> }); <br /></script>
- 首页
- 身边团购
- 美食
- 电影
- KTV
- 酒店
- 购物
请问怎么样先设置 ul 背景颜色，再当鼠标移到 li 上时，再去改变颜色，移开时回到背景颜色。。。大神们快帮帮忙吧！
回复讨论(解决方案)
ul{background:green;}
ul:after{content:'';display:block;clear: both;}
<style> *{ padding:0px; margin:0px; } li{list-style:none;}.jj ul li{display:block;float:left;padding:0px 5px;background-color:#0ff;}.jj ul li.liu{background-color:#F00;} </style> <script src="js/jquery-1.12.3.js"></script> <script> $(function(){$("ul li").hover(function(){$(this).addClass("liu");}, function(){$(this).removeClass("liu");});});</script> </head> <body><div class="jj" > <ul> <li>首页</li> <li>身边团购</li> <li>美食</li> <li>电影</li> <li>KTV</li> <li>酒店</li> <li>购物</li> </ul></div> 非常的感谢你们！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn