JS新手,所以用JQ写。
[code="javascript"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<br> $(function(){</p> <pre><code>$(".Button").toggle(function(event){ $(".ToggleLayer").show(); },function(){ $(".ToggleLayer").hide(); }); $(document).click(function(){$(".ToggleLayer").hide()}); }); </script> </code></pre> <p></head><br> <body></p> <pre><code> <span class="Button">最新消息</span> <div class="ToggleLayer" style="display:none;"> <ul> <li><a href="">最新消息</a></li> <li><a href="">最新消息</a></li> <li><a href="">最新消息</a></li> <li><a href="">最新消息</a></li> <li><a href="">最新消息</a></li> </ul> </div> </code></pre> <p></body><br> </html>[/code]</p> <p>理想的效果是:点击最新消息,可以切换显示UL列表。点其他地方可以也可以隐藏这个UL列表。我做的太幼稚了,当我点了其他地方,UL列表是隐藏了,但是要点击两次UL才会弹出来。是什么问题呢,对象失去了焦点还是???<br> 我知道toggle是切换方法的,第一下点击执行第一个方法 再点击执行第二个方法 如此循环,但是不懂改。</p>