【屌丝学堂】跟小弟我学JS封装-第一课-JavaSript-爱易网页

【屌丝学堂】跟小弟我学JS封装-第一课

日期：2014-05-16　浏览次数：20337 次

【屌丝学堂】跟我学JS封装-第一课

许久没写博客了，混在蓝色里面聊天打炮，最近项目也闲下来了，哥就艹笔重艹旧业，开始我的博客记录

我是个90后，纯屌丝，我很喜欢我的女神，但是在女神面前我就是个矮丑穷。

有一次半夜，我还在敲击着代码，滴滴滴...女神的头像闪了起来

‘在吗？’ ?我很高兴，女神这么晚了怎么还找我聊天...我不经幻想起来和女神啪啪啪

'在在在...' ? ??我连敲3个在，说明我此时的内心是多么激动！

' 明天有空吗？陪我去趟医院' ?啥！医院!

?' 你怎么了？是不是身体不舒服？严重吗？我现在就过来！' ? ?我当时真的很担心女神！！

' 呵呵，明天你陪我去就可以了'? ? ?女神居然对我 ?呵呵！！

'哦，你现在干嘛呢'? ?我想和女神在聊会 ?难得的机会啊！！

'呵呵，不聊了，睡觉' ?

然后女神的头像就灰了，我关了电脑躺床上想着明天和女神去约会，然后去酒店啪啪啪...这一夜我睡的很香! ?

但是之后才知道女神去医院打胎！！！ ?喜当爹，有木有！！！！

好了开始屌丝学堂第一课：学前端学封装- 封装一个透明函数

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS封装透明度</title>
</head>

<style>
#test1{width:250px;height:250px;text-align:center;background-color:#930;margin:0 auto;color:#F00;}
#test2{width:250px;height:250px;text-align:center;background-color:blue;margin:0 auto;color:#f00;}
</style>

<body bgcolor="#eee">
	
    <div id="test1">我是模块1</div>
    <div id="test2">我是模块2</div>
    
    <script>
		/* 封装setOpacity函数
		 * node 类名 level 透明度
		 *=====================*/
			function setOpacity(node,level){
				node = typeof node=="string" ? document.getElementById(node) : node;
				if(document.all){ //document.all 是IE支持属性 firefox 不支持
					node.style.filter = 'alpha(opacity=' + level+ ')';
				}else{
					node.style.opacity= level/100;	
				}		
			}
			
		/*  调用函数 */
		setOpacity("test1",20);
		setOpacity("test2",20);
		
	</script>

</body>
</html>

下一课，封装一个单击冒泡函数对象

?看完请点顶

1 楼 xiaoliouc 2012-09-11

如果把js改成jquery来实现就更好了

2 楼 Lovic 2012-09-11

gggggggggggggggggggggg

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

【屌丝学堂】跟小弟我学JS封装-第一课

相关资料更多>

推荐阅读更多>