基于CSS与JavaScript技术的Tab面板的设计与实现  

Design and Implementation of Tab Panel Based on CSS and JavaScript

作　　者：李冲[1] 熊淑华[1] 魏颖颖[1] 

机构地区：[1]四川大学电子信息学院,四川成都610065

出　　处：《计算机技术与发展》2011年第3期28-30,35,共4页Computer Technology and Development

基　　金：四川省科技支撑计划项目(0020505501111)

摘　　要：随着因特网技术的发展,各式各样具有交互性能的网页应运而生。CSS与JavaScript技术的结合使用可以设计出许多个性化动态网页效果。该方法设计与实现的网页具有规范、简洁、易于维护等特点,被广泛应用于W eb2.0网页设计与开发中。传统方法设计的Tab菜单由于在切换过程中要重新加载整个页面,增加了服务器的负担。在分析传统的Tab菜单实现方法的不足的基础上,设计并实现了一种基于CSS与JavaScript技术的Tab面板效果。实践证明,该方法设计与实现的Tab面板不但简捷有效,而且可以降低因网页频繁刷新带来的负担。With the development of Internet technology, various Web pages with interactive performance have emerged. Using the combination of CSS and JavaSeript technologies, many personalized effects of dynamic pages can be designed. Because of standard, conciseness and easy maintenance, CSS and JavaScript are widely used in Web2.0 design and development. Because traditional methods of design Tab menu have to reload all the Web page in the process of switching, it increases the burden of server. In this paper, the disadvantages of traditional Tab menu design are discussed firstly, and then a CSS and JavaScript-based Tab panel is designed and implemented. It is proved that this design method of Tab panel is simple and efficient and releases the burden of Web page.

关 键 词：CSS Java.Script Tab面板 网页特效 

分 类 号：TP391.9[自动化与计算机技术—计算机应用技术]