开发工具与关键技术:DW与JS
作者:茅凯翔
撰写时间:2019年2月1日星期五

选项卡作用于可以选择多项东西,一项包裹着几项,接下来我们去看看效果是如何的。
源代码是这样的:
选项卡
给它四个选项,每个加a标签,每个a标签用li标签包裹着。
接下来给每个选项添加几个内容,如下图:
选项卡
然后我们要去设置它的样式,如下图:
选项卡
选项卡
给它设置一些边框,弄一些字体颜色,加个伪类,鼠标移动到字体,字体颜色可以改变,也可以加个背景图,设置字体大小。

然后我们给它弄JS,让它可以变动,JS代码如下:
我们先获取元素,
选项卡
然后再设置其他的,如下图:
选项卡
最后我们来看看效果图:
选项卡
选项卡

相关文章:

  • 2021-11-21
  • 2021-07-15
  • 2021-12-23
猜你喜欢
相关资源
相似解决方案