Tab切换效果

原创 starcyh 随笔 js效果 374阅读 2017-11-14 11:05:31 举报

html代码中,标签区域与内容区域分开
html 代码

在html标签中设置一个ID即可,内容标签中分别设置多个id,内容id的个数与标签中的子元素个数需要一致,
javascript 代码

在这段js中可以根据自己需要设置,默认是鼠标点击切换,若需设置鼠标滑过切换,把js代码中的onclick换成onmousemove即可,需要注意的是,在整个样式写的过程中,内容页默认是隐藏状态,第一个内容需要添加行内元素设置显示

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复