配色: 字号:
Html标签页的实现说明及结合JS基于对象特性的实现对比
2016-10-19 | 阅:  转:  |  分享 
  
Html标签页的实现说明及结合JS基于对象特性的实现对比最近海原有系统需要进行改进,可能会将Flex改为Flex与jsp相结合的方式,
好发挥两者的优势。这两天在做html页面,页面内容主要展现在标签页中,其基础效果图如下所示:为增强用户对标签页的体验效果,增加鼠
标滑过时标签背景色更滑,选中某个标签后该标签应与标签内容形成一体等功能效果。标签页的标签可以使用列表来实现,标签页内容部分使用DI
V来划分,此处仅显示DIV左右下三边框,上边框使用ul的下边框展示,便于选中某个标签时,通过控制标签下边框的隐藏,将标签与标签内容
形成一个整体。代码实现如下所示:sitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
l.dtd">p-equiv="Content-Type"content="text/html;charset=utf-8"/>e>无标题文档?两种实现方式没有本质上的区别,标签页内容是否聚合在同一个页面中是两者的主要区别。哪种设计方式更适合不能仅仅依靠设计原则,也要参考实际,界面只是初步,后续还要在页面上做开发。前者的设计在界面实现上更为简便些,后续的开发中在同一个页面使用Ajax等也可能带来较为简便的操作,不过界面的内容显得有些庞大。还需在实践中考验前者的想法。
献花(0)
+1
(本文系雨亭之东首藏)