ie6的下边框本来设置为none，可是还是显示出来一条线是咋回事
日期：2014-05-17 浏览次数：20563 次
ie6的下边框本来设置为none，可是还是显示出来一条线是怎么回事
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="images/jquery.min.js"></script>
<style type="text/css">
#timer .list {margin:0 0 10px 0; padding:0; list-style:none; height:35px; line-height:35px; border-bottom:1px solid #DD6891; background:#FFF6FA; }
#timer .list li {float:left; margin:10px 0 0 10px; height:25px; line-height:25px; padding:0 15px; cursor:pointer;}
#timer .list li.clickh {border:1px solid #DD6891; border-bottom:none; background:#FFF; }
#timer .list li a {color:#999; text-decoration:none;}
#timer .list li a:hover {text-decoration:none;}
#timer .list li.clickh a {color:#C8255C;}
.timer-list ul { display:none; padding:15px 5px; overflow:hidden; }
.timer-list ul li { float:left; width:315px; height:110px;}
.timer-list li a,.timer-list li a:visited{ color:#03c;}
.timer-list li a:hover{ text-decoration:underline}
</style>
</head>
<body>
<div id="timer">
<ul class="list">
<li class="clickh"><a href="#list-1">9:30</a></li>
<li class=""><a href="#list-2">10:00</a></li>
<li class=""><a href="#list-3">14:00</a></li>
</ul>
<div class="timer-list">
<ul id="list-1" style="display:block;">
<li>
<div class="textar"><textarea cols="30" rows="3" name="textar">9：30</textarea></div>
</li>
</ul>
<ul id="list-2" >
<li>
<div class="textar"><textarea cols="30" rows="3" name="textar">10：00</textarea></div>
</li>
</ul>
<ul id="list-3">
<li>
<div class="textar"><textarea cols="30" rows="3" name="textar">14：00</textarea></div>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$.fn.list = function(event, elements){
event = (event == 'click') ? 'click' : 'mouseover';
$(this).each(function(){
var eles = [];
if (!elements) {
$(this).find('li').each(function(){
eles.push($($(this).find('a').attr('href')));
});
}
$(this).find('li').bind(event, function(){
(!elements) ?
$.each(eles, function(i){eles[i].hide()})
: $(elements).css('height', '0px').hide();
$($(this).find('a').attr('href')).show();
$(this).parent().find('li').removeClass('clickh');
$(this).addClass('clickh');
$(this).find('a').blur();
return false;
}).unbind(event == 'click' ? 'mouseover' : 'click');
});
};
$('#timer ul.list').list();
</script>
</body>
</html>
------解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="images/jquery.min.js"></script>
<style type="text/css">
#timer .list {margin:0 0 10px 0; padding:0; list-style:none; height:35px; line-height:35px; border-bottom:1px solid #DD6891; background:#FFF6FA; }
#timer .list li {float:left; margin:10px 0 0 10px; height:25px; line-height:25px; padding:0 15px; cursor:pointer;}
#timer .list li.clickh {border:1px solid #DD6891; border-bottom:none; background:#FFF; }
#timer .list li a {color:#999; text-decoration:none;}
#timer .list li a:hover {text-decoration:none;}
#timer .list li.clickh a {color:#C8255C;}
.timer-list ul { display:none; padding:15px 5px; overflow:hidden; }
.timer-list ul li { float:left; width:315px; height:110px;}
.timer-list li a,.timer-list li a:visited{ color:#03c;}
.timer-list li a:hover{ text-decoration:underline}
</style>
</head>
<body>
<div id="timer">
<ul class="list">
<li class="clickh"><a href="#list-1">9:30</a></li>
<li class=""><a href="#list-2">10:00</a></li>
<li class=""><a href="#list-3">14:00</a></li>
</ul>
<div class="timer-list">
<ul id="list-1" style="display:block;">
<li>
<div class="textar"><textarea cols="30" rows="3" name="textar">9：30</textarea></div>
</li>
</ul>
<ul id="list-2" >
<li>
<div class="textar"><textarea cols="30" rows="3" name="textar">10：00</textarea></div>
</li>
</ul>
<ul id="list-3">
<li>
<div class="textar"><textarea cols="30" rows="3" name="textar">14：00</textarea></div>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$.fn.list = function(event, elements){
event = (event == 'click') ? 'click' : 'mouseover';
$(this).each(function(){
var eles = [];
if (!elements) {
$(this).find('li').each(function(){
eles.push($($(this).find('a').attr('href')));
});
}
$(this).find('li').bind(event, function(){
(!elements) ?
$.each(eles, function(i){eles[i].hide()})
: $(elements).css('height', '0px').hide();
$($(this).find('a').attr('href')).show();
$(this).parent().find('li').removeClass('clickh');
$(this).addClass('clickh');
$(this).find('a').blur();
return false;
}).unbind(event == 'click' ? 'mouseover' : 'click');
});
};
$('#timer ul.list').list();
</script>
</body>
</html>
------解
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
