JQuery添加移除Css样式

eason26_li · 发表于 2013-1-29 07:28:46

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery添加移除Css样式</title>
<script language="javascript" src="jquery-1.2.5.js"></script>
<style type="text/css">
.div{height:20px; margin-top:10px;}
.div1{border:1px solid red;}
.div2{border:1px solid #ccc;}
</style>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
</body>
</html>

例二
<script type=”text/javascript”>
$(document).ready(function(){
      $(”.cate_box h3″).mouseover(function(){
            $(this).addClass(”over”);}).mouseout(function(){
            $(this).removeClass(”over”);})
  $(”.cate_box h3″).click(function()
  {
if($(this).next().css(”display”)==”none”)
{
$(this).next().css(”display”,”block”);
}else{
$(this).next().css(”display”,”none”);
}
  })
});

</script>

		自动登录	找回密码
密码			立即注册

JQuery添加移除Css样式

浏览过的版块