作家
登录

CSS配合JavaScript做酷的动态页面效果

作者: 来源:www.28hudong.com 2012-11-19 22:49:26 阅读 我要评论

  利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。   下面介绍几种常见的事件:   onClick:鼠标单击事件。(是指鼠标按下,然后松开时产生。)   onDblClick:鼠标双击事件。(是指鼠标快速按下,松开,并再次按下时产生。)   onMouseDown:鼠标按下事件。(鼠标按下时即产生。)   onMouseUp:鼠标释放事件。(是指鼠标从按下的状态到弹起。)   onMouseMove:鼠标移动事件。(是指在特定元素上移动鼠标。)   onMouseOver:鼠标经过事件。(是指,当指针从外界往元素上移动时产生。)   onMouseOut:鼠标离开事件。(是指鼠标从特定元素上离开时产生。)   onLoad:载入事件。(当图象或页面结束载入时产生。)   onUnload:卸载事件。(当访问者离开页面时产生。)   onScroll:滚动条滚动事件。(当访问者使用卷轴上移或下移时产生。)   有了事件以后,我们就为事件加上动作。这里只说改变当前元素自定义样式的动作,我们可以用这个方法先设定好两个自定义的CSS样式,对象原先调用第一种样式,当产生鼠标事件时让对象应用到第二种CSS样式,而产生的鼠标效果。

  推荐阅读

  DIV CSS制作的个性水平导航菜单实例

先看下效果: CSS样式代码: 以下为引用的内容:#pointermenu{border-top: 7px solid black; /*optional border across top*/margin: 0;padding: 0;} >>>详细阅读


本文标题:CSS配合JavaScript做酷的动态页面效果

地址:http://www.17bianji.com/kaifa2/CSS/17237.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)