我的网页里有2个JS代码,一个是阿里妈妈的搜索框,一个是我的图片淡出淡入。还有个一个是天气预报,用<IFRAME>引用的。用代码如下:
<IFRAME id="tianqi8_wetherinfo" name="tianqi8_wetherinfo" src="http://tq.ss256.com/code/freeweather10.htm?id=&fcolor=ffffff&imgurl=&bimg=&bcolor=&fsize=14" frameBorder=0 width=400 height=24 ALIGN=CENTER MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 SCROLLING=NO allowtransparency=true></IFRAME>
//以上是天气预报。<script type="text/javascript">
alimama_pid='mm_25963459_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=440;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#0065FF';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
//以上是阿里妈妈
function initImage(){image = document.images;for(var i=0,l=image.length;i<l;i++){setOpacity(image[i], 0);image[i].style.visibility = "visible";fadeIn(image[i],0);}}
function fadeIn(obj,opacity){if(obj){if(opacity<= 100){setOpacity(obj, opacity);opacity+=10;setTimeout(function(){fadeIn(obj,opacity)},40);}}}
function setOpacity(obj, opacity){opacity = (opacity == 100)?99.999:opacity;obj.style.filter = "Alpha(Opacity=" + opacity + ")";obj.style.opacity = opacity/100}
window.onload = function() {initImage()}
以上是我的图片淡出淡入。GC来了,在调试中,我引用的是我电脑上的一张图片,,它迟迟不显示,我发现我的这个图片渐入,必须要等到,阿里妈妈和天气预报加载完之后才会开始渐入悲剧啊,为什么这个渐入的过程要等到,阿里妈妈和天气预报加载完之后才执行?
图片渐入,,就是图片加载完之前不显示,加载完之后,渐渐的显示出来,就像必应。
<IFRAME id="tianqi8_wetherinfo" name="tianqi8_wetherinfo" src="http://tq.ss256.com/code/freeweather10.htm?id=&fcolor=ffffff&imgurl=&bimg=&bcolor=&fsize=14" frameBorder=0 width=400 height=24 ALIGN=CENTER MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 SCROLLING=NO allowtransparency=true></IFRAME>
//以上是天气预报。<script type="text/javascript">
alimama_pid='mm_25963459_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=440;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#0065FF';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
//以上是阿里妈妈
function initImage(){image = document.images;for(var i=0,l=image.length;i<l;i++){setOpacity(image[i], 0);image[i].style.visibility = "visible";fadeIn(image[i],0);}}
function fadeIn(obj,opacity){if(obj){if(opacity<= 100){setOpacity(obj, opacity);opacity+=10;setTimeout(function(){fadeIn(obj,opacity)},40);}}}
function setOpacity(obj, opacity){opacity = (opacity == 100)?99.999:opacity;obj.style.filter = "Alpha(Opacity=" + opacity + ")";obj.style.opacity = opacity/100}
window.onload = function() {initImage()}
以上是我的图片淡出淡入。GC来了,在调试中,我引用的是我电脑上的一张图片,,它迟迟不显示,我发现我的这个图片渐入,必须要等到,阿里妈妈和天气预报加载完之后才会开始渐入悲剧啊,为什么这个渐入的过程要等到,阿里妈妈和天气预报加载完之后才执行?
图片渐入,,就是图片加载完之前不显示,加载完之后,渐渐的显示出来,就像必应。
解决方案 »
- JQuery数值的判断
- IE7下 window.open方法失效
- 通过WIA操作扫描仪获取图像并实现上传
- 如何才能用javascript保存网页中的图片呢?(要ie和ff下都能用)
- 求教函数调用的问题
- js 离奇的问题....
- jquery 的$.post()参数怎么穿给url中调用的方法作为参数
- ++++++++++++++++再请问大家 怎么利用javascript限制数字键盘的输入!由于没有分了 ,再此向各位朋友道谢了+++++++++++++++++
- 请问:把javascript代码组织成一个js文件和把其直接嵌入到html页面中有那些区别?
- 刚刚准备写一个无缝滚动的JQUERY的程序,但setInterval()总是不执行,劳驾帮帮忙
- extjs tabpanel 的问题 大虾们看看谁能解决!!!
- firfox和Google Chrome中的onload问题
在JS中我把图片渐入的代码放在最前面,
在body中我把相关图片的DIV放在最前面。事实上一开始就是这样的,,我的图片依然要等到最后
window.onload 这个事件是在页面中所有的资源都加载完毕 才触发的……
或者 用jquery 封装了DOM加载完毕的事件 很方便
可以试试在你图片代码后面加入
<script>
initImage();
</script>
具体的怎么办啊,代码怎么加?我是新手,,爱护一下呀!
,,<img src="c.gif" style="width:1200px;height:570px">
<script type="text/javascript">
initImage();
</script>
你这样初始化,肯定达不到目的啊……