天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>评测>简单介绍CSS结合JS的运用

CSS初级教程-CSS结合JS的运用

论坛整理2007-12-03 06:00我要吐槽

  利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。

  下面介绍几种常见的事件:

  onClick:鼠标单击事件。(是指鼠标按下,然后松开时产生。)

  onDblClick:鼠标双击事件。(是指鼠标快速按下,松开,并再次按下时产生。)

  onMouseDown:鼠标按下事件。(鼠标按下时即产生。)

  onMouseUp:鼠标释放事件。(是指鼠标从按下的状态到弹起。)

  onMouseMove:鼠标移动事件。(是指在特定元素上移动鼠标。)

  onMouseOver:鼠标经过事件。(是指,当指针从外界往元素上移动时产生。)

  onMouseOut:鼠标离开事件。(是指鼠标从特定元素上离开时产生。)

  onLoad:载入事件。(当图象或页面结束载入时产生。)

  onUnload:卸载事件。(当访问者离开页面时产生。)

  onScroll:滚动条滚动事件。(当访问者使用卷轴上移或下移时产生。)

  有了事件以后,我们就为事件加上动作。这里只说改变当前元素自定义样式的动作,我们可以用这个方法先设定好两个自定义的CSS样式,对象原先调用第一种样式,当产生鼠标事件时让对象应用到第二种CSS样式,而产生的鼠标效果。

作者:佚名责任编辑:兜兜猫)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级