基于JavaScript、CSS和DOM的页面动态效果实现

Implementation of Page Dynamic Effects Based on Java Script、CSS and DOM

当前,网页设计前端技术层出不穷,如j Query、AJAX等,然而最终还需HTML编写页面内容,CSS设计页面样式,脚本语言(如Java Script、j Query等)实现事件驱动。三者分工明确,但随着浏览器版本不断升级改进,它们之间的界限越来越模糊,协作效应越来越明显。本文运用Java Script与CSS、DOM进行交互,能表现出较好的灵活性和实效性,体现出良好的动态效果和交互效应。

At present, there are various kinds of front end web design techniques, such as AJAX, jQuery etc.. However, we ultimately need to prepare the HTML page content, and use CSS to design page style and scripting languages （such as jQuery, JavaScript, etc.） to achieve event driven. The three techniques have distinct fimctions. However, with the continuous upgrading of browser versions, the boundaries among these techniques become increasingly blurred, which shows more and more obvious collaboration effect. The use of JavaScript with CSS and DOM for interaction can show a good flexibility and effectiveness, reflecting the good dynamic effect and interaction effect.