1. 爱易网页
  2. JavaSript
  3. jquery的特效实现？解决方案

jquery的特效实现？解决方案

日期：2014-05-16　 浏览次数：20347 次

jquery的特效实现？？？
<script src="file:///D|/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script>
  $("has_childern").click(function(){
$(this).addClass("highlight")
.children("a").show().end()
.siblings().removeClass("highlight").children("a").hide();
});
</script>
  <style type="text/css">
  #menu{ width:300px;}
.has_childern{ background:#000; color:#fff; cursor: pointer}
.highlight{ color:#fff; background: green;}
div{ padding:0; margin:10px 0;}
div a{ background:#888; display:none; float:left; width:300px;}
 
  </style>
</head>

<body>
  <div id="menu">
  <div class="has_childern">
  <span>服装设计</span>
  <a>1、绘描</a>
  <a>2、ps</a>
  <a>3、色彩学</a>
  </div>
  <div class="has_childern">
  <span>美食</span>
  <a>1、炒菜类</a>
  <a>2、煨汤类</a>
  <a>3、蒸食类</a>
  </div>
  <div class="has_childern">
  <span>外语</span>
  <a>1、英语</a>
  <a>2、日语</a>
  <a>3、德语</a>
  </div>
   
  </div>
</body>

为什么没有反应呢？？各位救救我？

------解决方案--------------------
<script>
$(document).ready(function () {
$(".has_childern").click(function () {

$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();
});
})

</script>

相关资料更多>

  1. 网页制作中JavaScript惯用脚本语句二
  2. 字体设置的解决方案，多谢了
  3. JavaScript中一个控件可以在响应一个事件的时分依次调用多个函数
  4. 请问一个javascript 的有关问题
  5. JS删除字符串,该怎么处理
  6. jstring, char* 转换函数
  7. gson java对象与json变换(实例代码说明及教程)
  8. eWebEditor编辑文字大小的有关问题
  9. JSF: 双联菜单（双级联动菜单）范例，源代码