Maison >interface Web >tutoriel HTML >基础的jQuery的题目_html/css_WEB-ITnose
基础的jQuery的题目_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:17:531044parcourir
<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> 非常的感谢你们！
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：全局CSS的终结_html/css_WEB-ITnoseArticle suivant：实现bootstrap布局的input输入框中的图标点击功能_html/css_WEB-ITnose