首页 > 代码库 > 1121项目第四天
1121项目第四天
<!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=utf-8" /> <title>无标题文档</title> </head> <body> <div id="a1" style="width:500px; height:500px; opacity:0;-moz-opacity:0.5;filter:alpha(opacity=50)" onclick="hua()"><img src=http://www.mamicode.com/"21a4462309f79052eea1b3080af3d7ca7bcbd54e.jpg"/></div> </body> </html> <script type="text/jscript"> window.onscroll = function() { var d = document.getElementById("a1"); if(window.scrollY >= 100) { hua(); } else{xs()} } function hua() { var zuo = document.getElementById("a1"); kd = zuo.style.opacity; kd =parseFloat(kd)+0.01; if(parseFloat(kd)>=1) { return; } else { zuo.style.opacity = kd; window.setTimeout("hua()",20) } } function xs() { var zuo = document.getElementById("a1"); kd = zuo.style.opacity; kd =parseFloat(kd)-0.01; if(parseFloat(kd)<=0) { return; } else { zuo.style.opacity = kd; window.setTimeout("xs()",20) } } </script> 这是运用滚动监听实现的图片渐显渐隐的效果,滚轮滚动到下方图片显示,滚动回去图片隐藏,运用了函数
1121项目第四天
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。