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