`
hngmduyi
  • 浏览: 329762 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQUERY特效1

jQueryJava 
阅读更多 
//当鼠标移上去的时候显示样式
<body>
   <ul>
       <li class="checked">首页</li>
	   <li>搜索</li>
	   <li>发现</li>
	   <li>博文</li>
	   <li>相册</li>
   </ul>
</body>
//样式
<style type="text/css">
  ul{
	  list-style:none;
	  margin-top:100px;
  }
  li{
	width:80px;
	height:20px;
	border:solid #333 1px;
	text-align:center;
	margin:5px;
	float:left;
  }
  .checked{
	  background:#F00;
  }
</style>
//JS代码
<script src="jquery-1[1].3.2.min.js"></script>
<script type="text/javascript">
      $(function(){
	$("li").each(function(){
		var li = $(this);
		li.mouseover(function(){
			$("li").removeClass();
			li.addClass("checked");
		});
	});
});
</script>
分享到：
| 制作弹出层
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics