本帖最后由 net_lover 于 2012-04-28 11:28:38 编辑

解决方案 »

  1.   

     代码就是, 鼠标经过控件,按下控件,释放控件的时候,把控件的BackgroundImage 属性换一下。 没有其他操作。 
      

  2.   

    试试这个
        $(document).ready(function () {        $("#text1").mousemove(function () {
                $("#text1").attr("style", "height:150px; width:250px;background-image:url(http://www.google.com.hk/intl/zh-CN/images/logo_cn.png)");
            });
            $("#text1").mousedown(function () {
                $("#text1").attr("style", "height:150px; width:250px;background-image:url(http://www.sogou.com/images/logo_l.gif)");
            });
            $("#text1").mouseout(function () {
                $("#text1").attr("style", "height:150px; width:250px;background-image:url(http://soso.qstatic.com/30d/img/logo/logo_index.png)");
            });
        });
      

  3.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>ceshi</title>    
        <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script></head>
    <body>
        <div>
        <input type="text" style="height:150px; width:250px; background-image:url(http://www.baidu.com/img/baidu_sylogo1.gif)" id="text1" />
        </div>
    </body>
    </html>