当你向下滚动时候,图片才会渐变显示出来,如何做到的? 当你向下滚动条时候,图片才会渐变显示出来,如何做到的?类似下面网页 的效果http://www.ekoooo.com/html/tubiao/ 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://www.cnblogs.com/cloudgamer/archive/2010/03/03/ImagesLazyLoad.html很清楚了,自己看吧! 传说有种办法把 html 放在textarea中,当滚到的时候再放出来 没有做过,但是我想思路大概是这样页面打开的时候不直接给img标签的src一个真实的图片地址,而是把地址保存起来比如<img alt="image/test1.gif" src="image/load.gif"/><img alt="image/test2.gif" src="image/load.gif"/><img alt="image/test3.gif" src="image/load.gif"/><img alt="image/test4.gif" src="image/load.gif"/><img alt="image/test5.gif" src="image/load.gif"/>image/load.gif是一个小图片浏览器滚动的时候就取滚动变化的数值变化的数值超过多少就表示某一组图片已经出现在浏览器的可视范围之内了JS脚本就读取这一组图片遍历将它们的src修改成alt属性对应的值另外如果img标签src为空的或者是个取不到的图片会显示alt的内容,这个要注意。 至于这个渐现我估计他是全部加载完了之后,隐藏起来,然后滚动的时候调整div的透明度,这个div包含了一张图片 <!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 src="jquery-1.6b1.js"></script><script> function b(){ $("#divT").fadeIn("2500"); } window.onscroll=b;</script></head><body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><div style="display:none;opacity:0.1" id="divT"><img src="http://www.baidu.com/img/baidu_sylogo1.gif" id="img1" alt=""/></div></body></html>jQuery的JS还没研究出来 this._elems = $$A.filter( opt.images || container.getElementsByTagName("img"), filter ); 求一个图片效果。望大神详细解答,谢谢!!!!! 寻求五子棋人机对战源代码 应当如何看待(或者学习)JQuery等框架?--一个菜鸟迫切需要解决的问题 帮我看看这段代码能不能增加个限制上传图片大小 图片无法根据鼠标移动 SendMessage在ie7中不起作用 表格表头固定后,<select 这个控件却能够浮到标题的上方 help 有在线日历的的原程序吗?在线等待! fullCalendar()怎么获取所有events的数据 后台保存的是表的id ,用setValue()赋值后 combox得到的也是id.....? js html 小问题 。。求助 。
<img alt="image/test1.gif" src="image/load.gif"/>
<img alt="image/test2.gif" src="image/load.gif"/>
<img alt="image/test3.gif" src="image/load.gif"/>
<img alt="image/test4.gif" src="image/load.gif"/>
<img alt="image/test5.gif" src="image/load.gif"/>
image/load.gif是一个小图片浏览器滚动的时候就取滚动变化的数值变化的数值超过多少就表示某一组图片已经出现在浏览器的可视范围之内了JS脚本就读取这一组图片遍历将它们的src修改成alt属性对应的值另外如果img标签src为空的或者是个取不到的图片会显示alt的内容,这个要注意。
<!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 src="jquery-1.6b1.js"></script>
<script>
function b(){
$("#divT").fadeIn("2500");
}
window.onscroll=b;
</script>
</head><body>
<br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div style="display:none;opacity:0.1" id="divT">
<img src="http://www.baidu.com/img/baidu_sylogo1.gif" id="img1" alt=""/>
</div>
</body>
</html>
jQuery的
JS还没研究出来
opt.images || container.getElementsByTagName("img"), filter
);