0

我正在开发一个 asp.net Web 应用程序,并且我有一些图像按钮控件,如何模拟它的视觉点击?我不是说触发事件,只是视觉上看到按钮像普通按钮一样被按下,谢谢

4

1 回答 1

1

您可以使用 css 标签。看到这个 liveemo:http: //img.usabilitypost.com/0812/active_button/index.html

此处的说明: http ://www.usabilitypost.com/2008/12/16/pressed-button-state-with-css/

编辑:为了方便起见的代码。

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Button Test</title>
    <style type="text/css" media="screen">
        body {
            padding: 40px;
        }
        #button {
            display: block;
            width: 135px;
            height: 43px;
            background: url(button.png) no-repeat top;
        }
        #button:active {
            background: url(button.png) no-repeat bottom;
        }
    </style>
</head>

<body>
    <a id="button"></a>
</body>

此外,如果您对 CSS 非常陌生并且不想重新发明轮子,您可以使用基本的 CSS 界面,例如 Twitter 的 Bootstrap:http: //twitter.github.com/bootstrap/base-css.html#buttons

于 2012-07-12T22:05:53.953 回答