好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

竖直选项卡式面板的实现_html/css_WEB-ITnose

前面的话:
我是html的初学者,懂得一些html的基本知识。最近开始学css,不会JavaScript。了解到adobe dw cs5的插入->spry有选项卡式面板的设计,对这个很感兴趣。但是发现默认的是tab水平排列在上面的。然而多数网站都是tab竖直排列在网页的左端。于是开始寻找修改spry插入的选项卡面板,以适应需求。

考虑到spry默认生成的选项卡式面板网页里已经包含了垂直的样式,但是大框架虽然有,直接运行则很不好看,因为只有tab竖直排列了,而内容在tab的下边而不是右侧。

实践:

新建文件,并插入spry选项卡式面板后,dw将生成三个文件:name.html(是主文件,文件名随意),SpryTabbedPanels.css,SpryTabbedPanels.js。在这里我们只修改name.html和SpryTabbedPanels.css,而js文件不动(因为我不会js,惭愧...)

在name.html中,只在选项卡面板的div前再套一层div,

...

查看更多关于竖直选项卡式面板的实现_html/css_WEB-ITnose的详细内容...

  阅读:42次