jquery实现同一页面多个DIV层展开收缩功能

1、JS代码部分:

<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
var slideHeight = 50; // px
 $(function() {
  $(".list").each(function() {
   if($(this).height() >= 50) {
    $(this).css('height' , slideHeight + 'px');
   }else{
    $(this).next(".more").hide();
   }
  });
  $(".more-btn").toggle(function(){
   $(this).html("收缩");
   $(this).parent().prev(".list").css({"height":"auto","overflow":"visible"});
  },function(){
   $(this).html("展开");
   $(this).parent().prev(".list").css({"height":slideHeight,"overflow":"hidden"});
  });
 });                     
</script>

More...

标签:

IE6不支持li:hover的解决方法

最近在做一个网站时发现在IE6下下拉菜单竟然无法显示,于是上网查了相关资料。    原来IE6不支持除a标签以外的hover属性,我们了解hover属性是鼠标悬停效果。在IE7和FF中,对几乎任意元素都可以设置hover属性效果。而此属性效果的设置在IE6中,只对a标签有效,也就是说,IE6只能解释链接元素的悬停效果。其他元素的悬停效果IE6就不予理睬了。  

More...

标签:

分页:«1»