动作师学习笔记——鼠标停留在Div上按下左键隐藏Div动作试验

和往常一样，一边喝早茶，一边上网和女粉丝侃大山，在手机和平板电脑上整理修改《hｔｍｌ５》、《javascript》、《css3》、《c语言》、《C++》、《Dos》、《web框架师》、《web动作师》等多年前写的教程，并研究各种品牌的小程序。

突然女粉丝问：“陈老师，会设计鼠标停留在Div上按下左键隐藏Div动作吗？”。
我答：“会的！”。
女粉丝问：“陈老师可以教我吗？”。
我答：“好的~!”,下面我就教大家鼠标停留在Div上按下左键隐藏Div动作试验。

准备一个Html5标准框架做试验用，如Html5标准框架

设计一个chenjie类，控制宽、高、背景色，如Css代码1。

.chenjie
{
background:#FFC600;
width:228px;
height:88px;
}

设计一个chenjie伪类，实现控制Div关闭，如Css代码2。

.chenjie:active
{
display:none;
}

设计div调用chenjie类，实现触发事件入口被动启动伪类，如Html代码1。

陈老师Div块上按鼠标左键隐藏动作试验

把Css代码1~2和Html代码1移植嵌入到Html5基础框架中，如混合代码小程序1

陈老师Div块上按鼠标左键隐藏动作试验

运行混合代码小程序1，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。

注：看到图1页面中字体显示乱马时charset="GB2312"可以改成charset="utf-8"或改为其它的编码方式。

图1

图1中就是鼠标停留在Div上按鼠标左键隐藏Div动作,当鼠标按下左键不松开Div会隐藏起来，看到这个效果本次试验就成功了。

好！杰哥Html5混合Css3动作师学习笔记分享到这里，要知后事如何请关注、分享、收藏我的作品，如果喜欢请打赏。