实现事件来回切换

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>
时间: 2024-10-05 04:44:55

实现事件来回切换的相关文章

DOS中多命令来回切换的技巧

看毕向东老师的视频,发现老师在DOS窗口敲一个键就可以瞬间打出java Demo,然后又敲了一个键前面那句话瞬间变成javac Demo.java;由于是视频教程,看不到老师具体是是用什么技巧可以在多种命令语句之间来回切换.起初我猜想是不是指定了什么快捷键代替这些语句,但是后来想如果这样的话,语句之间是不可能实现切换的,况且DOS似乎没有这样的命令,于是纠结了很久,上网查资料也是毫无收获,幸运的是毕向东老师在下一节课中,出现了一点小失误,为了解释这个失误变透漏了所使用的技巧: 在DOS窗口按上下

JavaScript点击div来回切换两个颜色及两张图片切换的方法

点击div切换颜色的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .test1{ width:100px; height: 100px; background-color: green; } </style> <

如何进行fragment中的来回切换?

本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术,本文为大家讲解如何进行fragment中的来回切换. 问:Ijaz Ahmed 我想要对fragment中的fragment进行操作,在按后退按钮的时候出现了问题.应用程序主屏幕上有很多按钮,按下每个按钮都会出现新的fragment(它也被包含在另一个fragment内).按下按钮1(已替换fragment),可以进行动态的添加或者是替换片段.如

点击下箭头??变上箭头??来回切换的两种方法

我所知道的常用的就这两种. 第一种:说明一下我用的是fontawesome字体,首先要去官网下载来用 <span class='btn btn-more'> <i class='fa fa-angle-down'></i> <i class='fa fa-angle-up hidden'></i></span> 我用的是bootstrap,所以hidden是自带的,上面的初始状态就是下箭头angle-down是显示的,然后上箭头ang

Fragment碎片频繁来回切换的时候报java.lang.IllegalStateException: No activity

出现这个问题的原因是因为使用的transcation.replace(fragmentTwo);的方式进行碎片切换的. 解决方案是使用add和show.hide方法组合实现碎片的切换(应该是显示.隐藏). 我这里使用的是RadioButton控件的Id值. /** * 切换碎片:使用show和hide以及add,不要使用replace(频繁来回切换的时候容易发生内存溢出的错误) */ public void onTabSelected(int radioGroupId) { //开启一个事务 F

Rose资源组主备机来回切换

Q:Rose资源组主备机来回切换,反复回切:A:经过分析,发现配置的oracle监听资源,存在单机运行不稳定问题,启动后,自动停止: 删掉现有监听后,重新创建监听,问题解决. 原文地址:http://blog.51cto.com/xinghaiyuan/2070229

关于含RecyclerView的fragment来回切换时页面自动滑动到底部的解决方法

原因: 在fragment中来回切换时RecyclerView获得了焦点,而RecyclerView的 focusableOnTouchMode属性默认是true,所以在切换时RecyclerView自动获得焦点就滚动到了底部. 解决办法: 将RecyclerView上面的控件的设置android:focusableInTouchMode="true"(若无上方控件建议加一个不影响布局的View),如: 1 <?xml version="1.0" encodi

图片来回切换的新闻展示效果

和大家分享一个从新浪网里抠出来的图片切换展示的特效.从新浪网里抠出来的一个图片切换轮播展示效果,使用起来非常简单的. 第一步:把flash框架下载保存到自己的网站里: http://www.aijquery.cn/html/aijquery/inc/flashimg.swf 第二步:定义要展示的图片,及相关的标题.简介等信息: //定义大图的路径, var bigPic0 ="1.jpg"; var bigPic1 ="2.jpg"; var bigPic2 =3.

Fragmen直接来回切换deno

思路: 第一步,建立一个activity,用来管理fragment. 第二步'获取fragmentManger 和fragmentTraction. private FragmentManager fm; private FragmentTransaction ft; fm = getFragmentManager(); ft = fm.beginTransaction(); 第三步,调用切换方法 ft.replace(android.R.id.content, new Fragment01()