按钮下陷/恢复的实现(Web)

按钮下陷/恢复的实现(Web)

发布于 on 2005年12月16日 16:23 由 Woody

    昨天,小俊同学问我一个问题,说:在WEB上怎么实现点击一个按钮以后,这个按钮就象一跎~"死面"一样弹不起来,再点他的时候,就恢复原状.原来用VC搞过类似的东西,不过是Winform下的.WEB下的还真没搞过,兴冲冲搞一个页面,搞了半天也不知道该怎么实现这个方法,惭愧惭愧~~~
    今天,小俊同学发来MSN,说另外有高人搞定了...跟着他又学了一招----用CSS来模拟实现...不过小俊同学发来的是纯HTML版的,我顺手改了一下,服务器端的Button也可以实现类似效果,记下来,以后说不定用得着~~
    首先呢.在HTML源代码文件里加上如下CSS:

<style>
.Down{
border:2px inset;
}
.Up{
border:2px outset;
}
style>

    然后捏~~在CS文件里这样用就好了~~

    protected void Button1_Click(object sender, EventArgs e)
{
if (this.Button1.CssClass.Equals("Down"))
{
this.Button1.CssClass = "Up";
}
else
{
this.Button1.CssClass = "Down";
}
}

    好简单~~又学了一招~~~

----2005.12.16 16:31 星期五