首页 > 其他 > 详细

制作选项卡效果

时间:2017-12-10 22:13:00      阅读:257      评论:0      收藏:0      [点我收藏+]

  选项卡效果为:当选择一个选项时,改选项对应的内容出现,当选项换到另一个时,上一个选项的内容就会隐藏,且该选项的内容出现。

技术分享图片

      以上为它页面显示的效果,为这些代码加入函数就可以实现切换选项卡的效果。

技术分享图片

       函数中对于菜单部分的函数制作方法同制作鼠标移上变色效果相似,现将全部的背景色恢复为原来的颜色,再在点击一个选项时改变其颜色。

      而后面的内容切换需要先在标签里面加入一个属性,使其能和下面所对应的内容连接上,然后再对内容进行设置姐可以完成对选项卡的效果。

制作选项卡效果

原文:http://www.cnblogs.com/maoqiaoyu123/p/8004762.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!