实现事件来回切换
div
<script type="text/javascript"> function addEVent(obj,type,fn){var saved=null; //判斷是否之前有事件，如果有，保存下來if(typeof obj['on'+type]=='function'){saved=obj['on'+type];} //執行obj['on'+type]=function(){if(saved)saved();fn.call(this);};} addEVent(window,'load',function(){var box=document.getElementById('box');addEVent(box,'click',toBlue); });function toBlue(){this.className='blue';addEVent(this,'click',toRed);} function toRed(){this.className='red';addEVent(this,'click',toBlue);}</script>
1、新建一個層，點擊層，希望層的背景色在藍色和紅色之間切換。
<script type="text/javascript"> function addEVent(obj,type,fn){var saved=null; //判斷是否之前有事件，如果有，保存下來if(typeof obj['on'+type]=='function'){saved=obj['on'+type];} //執行obj['on'+type]=function(){if(saved)saved();fn.call(this);};} addEVent(window,'load',function(){var box=document.getElementById('box');addEVent(box,'click',toBlue); });function toBlue(){this.className='blue';addEVent(this,'click',toRed);} function toRed(){this.className='red';addEVent(this,'click',toBlue);}</script>
?
<body> <div id="box" class="red">div</div></body>?
<style type="text/css"> .red{width:100px;height:100px;background:red;}.blue{width:100px;height:100px;background:blue;} </style>?
轉載于:https://www.cnblogs.com/jiangwenli/p/4891327.html
總結
- 上一篇： C#中Json字符串的各种应用类
- 下一篇： 使用fprintf()函数格式化输出至磁