当前位置: 代码迷 >> ASP.NET >> JS控制DIV的样式,该如何处理
  详细解决方案

JS控制DIV的样式,该如何处理

热度:8658   发布时间:2013-02-25 00:00:00.0
JS控制DIV的样式
我在一个头部用户控件里面添加了一个div,再有两张页面分别都放上这个用户控件,这两张页面都有链接,当点击查看不同的页面时,头部控件中的DIV显示不同的样式。请教

------解决方案--------------------------------------------------------
根据你目前所表达出来的意思 没必要用JS控制 看例子:
ASCX:
HTML code
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Head.ascx.cs" Inherits="Controls_Head" %><div class="aaa">头部DIV</div>
------解决方案--------------------------------------------------------
请参考下边代码:
HTML code
<style>.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid}.btn1_mouseout {BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid}.btn1_mouseover {BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid}</style><button class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"onmouseout="this.className='btn1_mouseout'" title="网页设计秀:http://www.cnwebshow.com" > 网页设计秀</button>
  相关解决方案