Question

我正在开发一个asp.net Web应用程序，我有一些图像按钮控件，我该如何模拟它的视觉点击？我并不是指触发事件，只是通过视觉上看到按钮按下正常按钮，感谢

Answer 1

您可以使用css标签。请参阅此livedemo：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非常陌生并且不想重新发明轮子，你可以使用像Twitter的Bootstrap这样的基本css界面：http://twitter.github.com/bootstrap/base-css.html#buttons

如何在asp.net Web应用程序中模拟图像按钮的视觉推送

1 个答案: