演示js中的事件

最新推荐文章于 2024-08-10 07:00:19 发布

指尖弦念

最新推荐文章于 2024-08-10 07:00:19 发布

阅读量562

点赞数

分类专栏： javascript 文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/qq1099866969/article/details/38447885

版权

javascript 专栏收录该内容

13 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
   <head>
       <title>演示js中的事件 </title>
   <script type="text/javascript">
	/*js中的事件：*/
	var big = true;
	function bigger(obj){
		var size = parseInt(obj.style.fontSize);
		if(size){
			//obj.style.fontSize = size+"px";
			if(size>=30){
				big =  false;
			}
			if(size<=10){
				big = true;
			}
			if(big){
				size += 2;
			}else{
				size -= 2;
			}
			obj.style.fontSize = size+"px";
		}else{
			obj.style.fontSize = "18px";
		}
	}
	</script>
   </head>
   
   <body>
		<div οnclick="bigger(this)">点击变大</div>
   </body>
</html>