CSS初级教程-CSS结合JS的运用
时间:2008-09-28
来源:互联网
利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚****和动作的概念。在客户端脚本中,JavaScript 通过对****进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击****或鼠标移动****,通过对这些****的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。 下面介绍几种常见的****:
onClick:鼠标单击****。(是指鼠标按下,然后松开时产生。)
onDblClick:鼠标双击****。(是指鼠标快速按下,松开,并再次按下时产生。)
onMouseDown:鼠标按下****。(鼠标按下时即产生。)
onMouseUp:鼠标释放****。(是指鼠标从按下的状态到弹起。)
onMouseMove:鼠标移动****。(是指在特定元素上移动鼠标。)
onMouseOver:鼠标经过****。(是指,当指针从外界往元素上移动时产生。)
onMouseOut:鼠标离开****。(是指鼠标从特定元素上离开时产生。)
onLoad:载入****。(当图象或页面结束载入时产生。)
onUnload:卸载****。(当访问者离开页面时产生。)
****croll:滚动条滚动****。(当访问者使用卷轴上移或下移时产生。)
有了****以后,我们就为****加上动作。这里只说改变当前元素自定义样式的动作,我们可以用这个方法先设定好两个自定义的CSS样式,对象原先调用第一种样式,当产生鼠标****时让对象应用到第二种CSS样式,而产生的鼠标效果。
onClick:鼠标单击****。(是指鼠标按下,然后松开时产生。)
onDblClick:鼠标双击****。(是指鼠标快速按下,松开,并再次按下时产生。)
onMouseDown:鼠标按下****。(鼠标按下时即产生。)
onMouseUp:鼠标释放****。(是指鼠标从按下的状态到弹起。)
onMouseMove:鼠标移动****。(是指在特定元素上移动鼠标。)
onMouseOver:鼠标经过****。(是指,当指针从外界往元素上移动时产生。)
onMouseOut:鼠标离开****。(是指鼠标从特定元素上离开时产生。)
onLoad:载入****。(当图象或页面结束载入时产生。)
onUnload:卸载****。(当访问者离开页面时产生。)
****croll:滚动条滚动****。(当访问者使用卷轴上移或下移时产生。)
有了****以后,我们就为****加上动作。这里只说改变当前元素自定义样式的动作,我们可以用这个方法先设定好两个自定义的CSS样式,对象原先调用第一种样式,当产生鼠标****时让对象应用到第二种CSS样式,而产生的鼠标效果。
作者: 居士 发布时间: 2008-09-28
用户被禁言,该主题自动屏蔽!
作者: frt0502 发布时间: 2008-10-02
呵呵,路过,大家继续
作者: zcl8840 发布时间: 2008-10-02
我以后常来学习
作者: 43627962 发布时间: 2008-10-02
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28