:
如果您正在使用
<script type="text/javascript">
var show_infor_sliders_h = "234";
var show_infor_sliders_h = "200";
$(document).ready(function(e) {
$("#slider_zone_infor").css({
"height":"'"+show_infor_sliders_h+"px'",
"line-height":"'"+show_infor_sliders_h+"px'"
}).show(100).animate({opacity:1},350);
});
</script>
:
HTML
<div id="slider_zone_infor" class="hide">
Hi there
</div>
那麼你的代碼將正常工作
.hide{
display:none;
}
比這更是確定:
$("#slider_zone_infor").css({
"height":"'"+show_infor_sliders_h+"px'",
"line-height":"'"+show_infor_sliders_h+"px'"
}).show(100);
關鍵點:
你只能做opacity:0 to opacity:1
和display:none to display:block,
,或者您也可以使用fadeIn and fadeOut
。
但你不能做opacity:0 to display:block
爲什麼秀()和動畫()?爲什麼不fadeIn()? – isherwood