查看文章 |
Button的TAB样式[原]
2009年05月12日 星期二 02:43
今天有人在群里(ASP.NET 3.5第一群！47448683)讨论这个问题，所以就帖出来，方便大家使用，为什么我要采用这种方式呢？因为普通的JS大部分都是一次性把所有数据都加载好了，实现隐藏和显示来切换，但我个人不喜欢用这样的方式来做，因为这样页面在第一次加载的时候会加载大量数据，速度也不快，而且要控制状态也不太好做吧？比如我跳转到别的页面再回来怎么办呢？当然也是可以实现选中刚刚的TAB，但我喜欢在后台控制它。这个你放在UpdatePanel里照样可以实现无刷新，如果你不怕麻烦还可以加上加载进度条，跟JS实现的没有什么区别，个人感觉性能可能还会更加好一点吧？
相信群里的高手会有更加好的方法来实现类似问题，希望得到指教，大家一起探讨一下。废话就不多说了，直接看代码吧，不明白的地方直接找我私聊。 1、下面是CSS代码
.TabBtnDefault
{ background-image:url('../image/index/-03.jpg'); text-align:center; vertical-align:middle; width:88px; height:22px; border-width:0px; color:#1A55A1; cursor:pointer; } .TabBtnSelect { background-image:url('../image/index/03.jpg'); text-align:center; vertical-align:middle; width:88px; height:22px; border-width:0px; color:#1A55A1; cursor:pointer; } 在Button中引用这两个样式就可以了，TabBtnSelect是选中状态下的样式，另一个不用说了。
2、下面的ASPX页面中引用的方法
<asp:Button ID="btn_A" runat="server" Text="AAA" ToolTip="AAA" CssClass="TabBtnDefault" onclick="btn_A_click"/> 3、在btn_A_click事件中改变这个按钮的样式为TabBtnSelect就OK了，如果是多个按钮当然是需要初始化的时候都设置为非选中状态下的样式，然后在那个按钮的事件中改变那个按钮的样式就可以了。
以下是btn_A_click事件中改变这个按钮的样式的代码：
btn_A.CssClass = "TabBtnSelect";
4、下面是两个按钮的图片
|
最近读者：
