首页 » jQuery » 正文

jquery的html怎么不管用呢

今天小涛要实现加载缓冲前得显示工作,简单的理解就是,当加载天气插件的时候会有一个请求的时间,这是网页内容显示空白,如果在这里让他显示一个动态的加载的图片,然后请求完天气插件时再来更新这里,刚开始我是这样写的:

<script type=”text/javascript”>

function loadWeather()

{

$(‘#showWeather’).html(‘<iframe name=\”weather_inc\” style=\”padding-top:18px;padding-left:20px\” src=\”http://tianqi.xixik.com/cframe/6\” width=\”190\” height=\”100\” frameborder=\”0\” marginwidth=\”0\” marginheight=\”0\” scrolling=\”no\”></iframe>’);

}

setTimeout(“loadWeather()”, 3000);

</script>

<div id=”showWeather”>
<img src=”../Public/images/zoomloader.gif” style=”padding-top:40px;padding-left:60px” alt=”在加载天气,请稍后……” />
<br/><br/><span style=”padding-left:20px”>正在加载天气……</span>

</div>

 

怎么操作就是不显示加载前的图片,原来忽略了一个简单的问题就是:html执行的时候是从上到下的,所以这里要把js放在下面就可以实现这种效果了。看一下效果:

加载天气之前的效果:加载天气完毕的效果:

技术分享,技术交流,小涛与您共同成长……

 

发表评论