社区
CSS
帖子详情
如何设置导航栏的某一个按钮默认为选中状态?
fengrengui
2006-07-27 05:34:21
网站有默认页(如home),怎样在进入网站打开这个home页的时候,相对应地,让导航栏中home按钮处于选中状态?
...全文
2827
4
打赏
收藏
如何设置导航栏的某一个按钮默认为选中状态?
网站有默认页(如home),怎样在进入网站打开这个home页的时候,相对应地,让导航栏中home按钮处于选中状态?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
ice2927276
2006-07-29
打赏
举报
回复
css文件如下:
<style type="text/css">
.centermenu .tabm { margin: 11px 5px 0px 5px; padding-left: 10px; border-bottom: 1px solid #FF7E00; z-index: 1;}
.centermenu .tabm li { margin: 0px; display: inline; list-style-type: none; }
.centermenu .tabm a, a.active { margin: 0px; padding: 5px 5px 0px 5px; border: 1px solid #FF7E00; color: #000; background: #fff; text-decoration: none;}
.centermenu .tabm a.active { background: #fff4d4; border-bottom: 3px solid #fff4d4; }
.centermenu .tabm a:hover { background: #fff4d4;}
.centermenu .activecontent { margin: 0px 5px; padding: 3px; border: 1px solid #ff7e00; border-top: none; height: 150px; color: #000; background: #fff4d4;}
.centermenu .hiddencontent { display: none; }
</style>
主体文件的head标签里插入:
<script language="javascript">
var ctcount=4;
function changct(cti)
{
for (i=1;i<=ctcount;i++)
{
ct=document.getElementById("ctab"+i);
cc=document.getElementById("ccontent"+i);
if(i==cti)
{
ct.className="active";
cc.className="activecontent";
}
else
{
ct.className="";
cc.className="hiddencontent";
}
}
}
</script>
主体文件body里加入:
<div class="centermenu">
<ul class="tabm">
<li><a id="ctab1" onclick="changct(1)" class="active" href="#">新闻</a></li>
<li><a id="ctab2" onclick="changct(2)" href="#">博客</a></li>
<li><a id="ctab3" onclick="changct(3)" href="#">论坛</a></li>
<li><a id="ctab4" onclick="changct(4)" href="#">图书</a></li>
</ul>
<div id="ccontent1" class="activecontent">
新闻里的内容
</div>
<div id="ccontent2" class="hiddencontent">
博客里的内容
</div>
<div id="ccontent3" class="hiddencontent">
论坛里的内容
</div>
<div id="ccontent4" class="hiddencontent">
图书里的内容
<a href="js.aspx">中间menu部分</a>
</div>
</div>
你可以看看我的博客icedonet.it.com.cn
fkue23
2006-07-29
打赏
举报
回复
用CSS样式可以控制,但是我现在还不知道
学习中......
fengrengui
2006-07-28
打赏
举报
回复
默认页我是知道的,我要的是设置默认导航栏的默认选中的按钮
lantersen
2006-07-27
打赏
举报
回复
网站有默认页(如home),怎样在进入网站打开这个home页的时候,//这个是服务器设置的默认打开页面,或者你也可以做个网页重定向
相对应地,让导航栏中home按钮处于选中状态?//得找控件吧
前端热门框架Vue3.x自定义组件实现头部
导航栏
教程
Vue 3 更新了许多组件中的语法,包括生命周期、filter、setup、teleport 等,为了学习这些特性,需要先了解一下 Vue 组件的基本玩法。 目前关于Vue3.x的资料较少,为了帮助大家掌握Vue3.x技术,老师通过小案例的方式带领大家熟悉Vue.3x实现头部
导航栏
应用。
设置
bootstrap
按钮
组
默认
选中
状态
使用bootstrap(V3.3.7)
按钮
组(btn-group)时,很多时候我们需要
按钮
组在显示的时候,预先
设置
一个
按钮
处于
选中
状态
。 <div class="text-right" style="margin-bottom:0.5em;"> 排序:<span class="btn-group btn-group-sm" role="group" id="orderB...
html里
默认
选中
,html格式的
默认
选中
按钮
5 个答案:答案 0 :(得分:0)只需将checked属性添加到相关输入中即可。checked属性是布尔属性。如果存在,则指定在页面加载时应预先选择(
选中
)元素。Logger.getLogger("package.class").setLevel(Level.OFF);答案 1 :(得分:0)使用import pandas as pddf = pd.DataFrame({'name':['Joh...
vue-router 二级导航
默认
选中
某一选项的问题
现在有
一个
需求是这样的:这个需求很正常吧! 二级导航条,不是二级路由的(如果是二级路由是用linkActiveClass来做,我之前文章说过),是单纯获取数据的
按钮
,当这个页面出现时,
默认
选中
第一项。首先:上面的判断的意思是:如果你点击某
一个
选项把这个index传过去,activeName等于那
一个
传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者...
使用layui左侧菜单点击跳转后变成
选中
状态
我们在开发后台时候,会选择使用layui,为我们大大提供了方便,当我们点击左侧菜单时候,会变成
选中
状态
这是layui系统
默认
提供给我们的,但是当我们给菜单项里添加了 URL后就没这么顺利了,我们点击后,页面会重新刷新,刷新后
选中
状态
就没有了,当然,可以考虑使用iframe,但是iframe使用起来总是不那么灵活,通过调试台我们可以看到,
选中
状态
其实就是父级标签多了
一个
class属性 这样的话...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章