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

教程Tag：暂无Tag,欢迎添加,赚取U币!

缂傚倸鍊风粈浣该洪敃鍌氱劵缂佲偓閹辩eCMS闂佽崵鍠愰悷銉ノ涘┑瀣ㄢ偓鍌炲醇閺囩偞鐎┑鐐叉閸ㄧ喖寮婚敓锟�濠电偞鍨跺瑙勭珶閸℃稑鐓橀柡宥庡幗閳锋帡鏌ㄩ悤鍌涘 缂傚倷绀侀ˇ閬嶅窗閹邦剨鑰块柛銉墮缁€澶愭煃閵夈劍鐝柣婵撴嫹闂傚倷绶￠崑鍕囨潏鈺冪濠㈣泛鏈崗婊堟煛閸ャ劍鐨戦梻澶婄Ч閺屻倖娼忛妸锔绘缂備焦鍞婚幏锟� 闂備礁鎼崯鐗堟叏閹绢喖妞介柡宥庡亞閸楁碍绻涢崱妯诲鞍婵絾鍔楅埀顒冾潐閹爼宕曢柆宥呯煑闁跨噦鎷�,闂備浇鐨崟顐㈠Б闁诲氦顫夋繛濠傤嚕閸洖绀冩い鏂垮悑椤忕喐绻涢幋鐐村皑闁稿鎹囧鍝勨枎閹勭亪闂佸憡鐟ョ换妯侯嚕婵犳碍鏅搁柨鐕傛嫹!

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

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

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

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

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

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

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

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

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

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

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

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

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