关于JQUERY显示隐藏div的问题。(IE不兼容)
本人想写一个页面加载后延迟12秒显示视频的代码。用的JQUERY框架的show()方法。
但是写完后发现chrome和ff运行正常。而IE却无法显示隐藏的div。
附代码,求大神指点!!
演示页面:http://www.dongfahouse.com/(IE看不到效果,FF,chrome可以!)
样式
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #001946;
}
#mybox{
position:absolute;
left:200px;
top:80px;
height: 500px;
width: 620px;
z-index: 1;
}
#fbox{
position:relative;
}
JS代码
$(document).ready(function() {
$("#mybox").hide();
$("#mybox").show(12000);
});
页面代码
<div id="fbox">
<div id="mybox" >
<script language="javascript">
voidplay(620,500,"dongfafm.rar","",1,1,0)//视频
</script>
</div>
</div>
------解决方案--------------------
友情帮顶
------解决方案--------------------1.9的jquery好像的确不支持IE9以下的版本,具体可以gg下看看。
推荐jquery 1.7.2 版本,兼容性一流的
------解决方案--------------------先把#mybox的样式 加上display:none试试
然后jquery中的hide就可以去掉了
再有显示的时候可以用setTimeout("$('#mybox').show(2000)",1000);
定时十秒后显示 然后用两秒时间来显示 不过显示的动画有点难看 可以考虑下slideup之类的滑动/下拉效果
------解决方案--------------------
你对下那个网站上和你自己的 关于那个视频的一些引用是不是少了点什么