JS+DIV实现鼠标划过切换层效果的实例代码
作者:互联网
2025-08-30
/*栏目切换样式开始*/
.none {display: none;}
.block {display: block;}
/*头部样式*/
.s_c {width:800px;text-align: center;}
.s_c ul{clear:both;margin:0;}
.s_c li{list-style:none;float:left;position: relative;width: 70px;}
/**/
.c_0 {background-color: #CCCCCC;} /*隐藏状态*/
.c_1 {background-color: #0000CC;} /*显示状态*/
/**/
.s_b{
border:1px solid #666;
height: 160px;
width: 440px;
}
/**/
/*栏目切换样式结束*/
function aa(s_id){
for(i=1;i<7;i++){
if(i==s_id){
document.getElementById("s"+i).className="block"; //内容的样式
document.getElementById("m"+i).className="c_"+i+" c_1"; //头部的样式
//document.getElementById("uid_"+i).focus();
}
else
{
document.getElementById("s"+i).className="none"; //内容不显示
document.getElementById("m"+i).className="c_0"; //
}
}
}
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
最新版vue3+TypeScript开发入门到实战教程之路由详解二
src-components调用链与即时聊天组件树
从0开始设计一个树和扁平数组的双向同步方案
拒绝 rem 计算!Vue3 大屏适配,我用 vfit 一行代码搞定
Home双router-view与布局切换逻辑
uniapp uview-plus 自定义动态验证
Vue3 单元测试实战:从组合式函数到组件
VUE-组件命名与注册机制
VTJ.PRO 在线应用开发平台概览
v0.dev 支持 RSC 了!AI 生成全栈组件离我们还有多远?
AI精选
