作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在我的母版页中有四个按钮。它具有鼠标悬停 css 属性。每个按钮响应页面都在同一个母版页上定义。现在我想在用户位于相应页面时更改按钮样式。它是如何成为可能的?我的母版页包含以下代码
<style type="text/css">
.side_btn_css {
width: 200px;
height: 85px;
font-size: 20px;
color: #fff;
line-height:20px;
text-align: center;
border-radius: 50%;
background-color:#b30000;
border-style: solid;
border-color: #ffffff #b30000;
border-width: 15px;
}
.side_btn_css:hover
{
width: 200px;
height: 85px;
font-size: 20px;
color: #fff;
line-height:20px;
text-align: center;
border-radius: 50%;
background-color:#0a4241;
border-style: solid;
border-color: #ffffff #008080;
border-width: 15px;
}
.side_btn_css_focus
{
width: 200px;
height: 85px;
font-size: 20px;
color: #fff;
line-height:20px;
text-align: center;
border-radius: 50%;
background-color:#3333ff;
border-style: solid;
border-color: #000000 ##3333ff;
border-width: 15px;
}
</style>
<div id="left_buttons" style="size: auto;">
<asp:Button ID="bt_home1" runat="server" CssClass="side_btn_css" text="Home1" Font-Size="Larger" onclick="bt_home1_Click"/> <p />
<asp:Button ID="bt_home2" runat="server" text="Home2" CssClass="side_btn_css" Font-Size="Larger" onclick="bt_home2_Click" />
<p />
<asp:Button ID="bt_home3" runat="server" CssClass="side_btn_css" text="Home3" Font-Size="Larger" onclick="bt_home3_Click"/> <p />
<asp:Button ID="bt_home4" runat="server" CssClass="side_btn_css" text="Home4" Font-Size="Larger" onclick="bt_home4_Click"/></div>
protected void bt_home1_Click(object sender, EventArgs e)
{
Response.Redirect("home1.aspx");
}
protected void bt_home2_Click(object sender, EventArgs e)
{
Response.Redirect("home2.aspx");
}
最佳答案
您需要在您的页面中添加 Jquery,这将使您的编码变得容易。 (你也可以通过 JavaScript 来完成,但 Jquery 是一种简单的方法)
您必须根据请求的页面向按钮添加类。为此,您必须从请求的 url 中获取该页面的名称并形成 JQuery 选择器,如下所示。
$( document ).ready(function() {
var page = url.split('/');
page = page[page.length-1].replace(".aspx","");
$("#bt_"+page).addClass("side_btn_css_focus");
});
您可以为侧边菜单和顶部菜单添加一些其他文本前缀。
关于javascript - 导航到相应页面时如何更改按钮的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43315311/
我在 Java 中遇到异常处理问题,这是我的代码。当我尝试运行此行时出现编译器错误:throw new MojException("Bledne dane");。错误是: exception MojE
我刚刚开始学习asp.net。在你们的支持下,我希望我能从这个论坛学到更多东西。 我的问题是, 我在 asp.net 页面中有一个 TabContainer1,因为每个选项卡面板中有多个类似 (60)
我是一名优秀的程序员,十分优秀!