Web选项卡
1 (后台C#)使用LinkButton
-----------------------------------------------a--------------------------------------------
if (!IsPostBack)
{
LinkNewINfo.Attributes.Add("onmousemove", "return setBtnBg(this)");
LinkNewINfo.Attributes.Add("onmouseout", "return setBtnBg2(this)");
LinkSetting.Attributes.Add("onmousemove", "return setBtnBg(this)");
LinkSetting.Attributes.Add("onmouseout", "return setBtnBg2(this)");
}
-----------------------------------------------b--------------------------------------------
private void BindLinkStyle(LinkButton link)
{
//设置风格
LinkNewINfo.Style.Add("background-image", "/images/newindex/uplife_white_btn.jpg");
LinkSetting.Style.Add("background-image", "/images/newindex/uplife_white_btn.jpg");
LinkNewINfo.Style.Add("color", "");
LinkSetting.Style.Add("color", "");
LinkNewINfo.ToolTip = "";
LinkSetting.ToolTip = "";
link.ToolTip = link.Text;
link.Style.Add("background-image", "/images/newindex/uplife_red_btn.jpg");
link.Style.Add("color", "white");
}
-----------------------------------------------c--------------------------------------------
protected void LinkNewINfo_Click(object sender, EventArgs e)
{
MVMain.SetActiveView(View1);
BindLinkStyle(LinkNewINfo);
}
protected void LinkSetting_Click(object sender, EventArgs e)
{
BindLinkStyle(LinkSetting);
MVMain.SetActiveView(View2);
}
2 (前台页面)使用MultiView+JS 使用MultiView做选项,LinkButton做按钮
<script language="javascript" type="text/javascript">
function setBtnBg(e)
{
if(e.title=="")
e.style.backgroundImage="url('/images/newindex/uplife_red_btn.jpg')";
}
function setBtnBg2(e)
{
if(e.title=="")
e.style.backgroundImage="url('/images/newindex/uplife_white_btn.jpg')";
}
</script>