这次呢是用JQuery来完成的几个简单的按钮事件,我并没有用上其它复杂的更动态的效果,只是简单的控制事件来完成操作。
1.1 我首先设置了两个显示内容的区域的P标签,中间放一条分割线,再给了5个按钮来操控所显示的事件,还各给了id值以便获取数值。页面显示:
1.2 接下来是JQuery的操作了,先来让内容显示其它的内容,获取到id=“b2”来显示出现替换内容,在变幻颜色为红和字体变大:
1.3 有出那就有回,id=“b1”来恢复原先内容,同时颜色回黑,字体回原根:
1.4 完成了那两个操作后,之后就是能让它显示和隐藏内容,同时也是设置了显隐的时间,不用一闪而过:
1.5 之后就是点击内容消失隐藏,我在这里设置的是点击哪个,哪个就消失:
1.6 内容消失那就要重新显示出来,那就要用第四个按钮了:
1.7 那么内容出来了,也可以快速隐藏内容,不用一个个点击:
到这里就结束了,我的这几个简单的按钮事件操作控制。