开发工具与关键技术DW,CSS,JavaScript
作者:陈梅
撰写时间:2019年2月17日
现在分享的是我以前老师布置的一份作业里的技术,Tab选项卡的切换,这个技术又是一个JavaScript鼠标点击事件,我们来看看代码部分的布局
| | |
在这里我用的是ul和li做好排列表格,也可以用th、td样式来定义的。列好五个按钮和五个选项,再用a标签使鼠标移进内容区的字体时可以换色,给按钮定义on的类。五个按钮和五个选项内容个定义个类,布局简单的布局一下就ok了。接着来看一下css的布局吧!
Css的布局都是我们已经熟悉到不能再熟悉的布局样式了,设计宽高,设计字体大小,外边距,内边距,背景颜色,浮动,定位,隐藏(display:none),还有个text-decoration,是下划线样式,有增加和去掉下划线的作用,在我分享这技术里是去掉a标签的下划线。Css样式布局大家都十分熟悉,在这我就不多说了。让我们进入重点——JavaScript吧!
Tab选项卡的切换
最新推荐文章于 2025-06-11 11:33:14 发布