js方法封装代码,JS代码库,德仔网

代码语言

代码分类

【JS】 js方法封装

作者:沉淀岁月 / 发布于2013/9/10/ 380


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
	<html>
	 <head>
	 <title>photo.html</title>
	 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	 </head>
	 <body>
	 <div style="position:absolute;border-style:dotted;width:110px;left:400px;top:70px">
	 <img src="zgl.jpg"/>
	 </div>
	 <div style="position:absolute;left:450px;top:310px">
	 <input type="button" value="显示"/>
	 &nbsp;&nbsp;&nbsp;&nbsp;
	 <input type="button" value="隐蔽"/>
	 </div>
	 <script type="text/javascript">
	 //实例化Photo对象
	 var photo = new Photo();
	 //定位"隐藏"按钮,同时添加单击事件
	 document.getElementsByTagName("input")[1].onclick=function(){
	 //隐蔽图片
	 photo.hideImg();
	 //"隐藏"按钮失效
	 photo.setOff(this);
	 //"显示"按钮生效
	 photo.setOn(document.getElementsByTagName("input")[0]);
	 }
	 //定位"显示"按钮,同时添加单击事件
	 document.getElementsByTagName("input")[0].onclick=function(){
	 //显示图片
	 photo.showImg();
	 //"显示"按钮失效
	 photo.setOff(this);
	 //"隐藏"按钮生效
	 photo.setOn(document.getElementsByTagName("input")[1]);
	 }
	
	
	
	
	 //定义一个Photo函数
	 function Photo(){
	 this.showImg = function(){
	 //定位<img>节点
	 var imgElement = document.images[0];
	 //将<img>节点显示
	 imgElement.style.visibility="visible";
	 }
	 this.hideImg = function(){
	 //定位<img>节点
	 var imgElement = document.images[0];
	 //将<img>节点隐蔽
	 imgElement.style.visibility="hidden";
	 }
	 this.setOn = function(buttonElement){
	 //将按钮生效
	 buttonElement.disabled=false;
	 }
	 this.setOff = function(buttonElement){
	 //将按钮失效
	 buttonElement.disabled=true;
	 }
	 }
	 </script>
	 </body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　方法封装　

同语言下

可能有用的

沉淀岁月贡献的其它代码(39)