专栏首页听雨堂用CSS制作可交换带事件处理的图片按钮

用CSS制作可交换带事件处理的图片按钮

      按钮是网页最常用的控件了,怎样设计一个更好看的按钮,这两天试验了几种方法:

      1、用Javascript交换图片的方式先在网页中制作图片,然后把图片转换为服务器端控件,为该控件添加事件处理。不过,很遗憾,运行时不响应,我估计跟图片被交换了有关。

      2、按钮在交到页面时,其实就是一个input,那么用css写一个样式就ok了。结果,发现客户端的页面中,按钮的ID虽然是原来的ID,但是写的CSS并没有起作用。原来,.net自己为按钮加了一个style,优先级显然比自定义的要高了。看来得想办法把系统自动加的style屏蔽掉才行。

      3、再试HyperLink,为它写css,结果图片交换没有问题,可是又无法把按钮事件加上。

      4、最后,用LinkButton,仍然以LinkButton的ID写css,然后把文字去掉。结果,交换图片效果和事件处理都能兼顾。

      也许还有更好的办法吧,不过这样已经比较简单了。只要改css就基本搞定一切了。CSS很简单:

#ok{
    position:relative;
    border:0px solid #000000;
    height:42px;
    width:110px;
    top:85px;
    left:60px;
    position:relative;

}
#OkBtn{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/login_ok_1.jpg);
}
#OkBtn:hover{
    background-image:url(../images/login_ok_2.jpg);
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 动态加载控件

    参考文章:http://blog.csdn.net/yicko/archive/2005/04/16/349740.aspx 1、加载的是普通的控件,不是用户控...

    用户1075292
  • 动态控件的新思路

            常常有如此感叹:动态控件好加,但是状态维持困难。就是说,加入动态控件很容易,关联处理事件也不难,但是对于控件的状态把握,却很麻烦。往往需要在lo...

    用户1075292
  • ASP.Net Web Page深入探讨

    这篇文章经典,看过之后大受启发。值得一看!看来ASP.NET跟JSP其实是一样的,本质上没区别,ASP.NET能做到的JSP一样可以做到,反之亦然。只不过ASP...

    用户1075292
  • VBA表单控件(一)

    大家好,Excel中的控件是放置在窗体的一些图形对象,可以用来显示、输入数据或者执行操作等。包括命令按钮、数值调节钮文本框、列表框、单选框、复选框等。

    无言之月
  • iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

    stanbai
  • ActiveX 暴漏你所有信息的可怕的插件!

    最近在项目中经常接触ActiveX控件,对于这个名词相信只要是上网看视频的用户一定都会遇到adobe更新或者加载的提示,这就是一个ActiveX控件。一直以为A...

    西门呀在吹雪
  • ASP.Net Web Page深入探讨

    这篇文章经典,看过之后大受启发。值得一看!看来ASP.NET跟JSP其实是一样的,本质上没区别,ASP.NET能做到的JSP一样可以做到,反之亦然。只不过ASP...

    用户1075292
  • MFC控件编程之 按钮编辑框.静态文本的使用,以及访问控件的七种方法.

    双击按钮.我们可以响应按钮点击消息.在按钮点击消息中获取编辑框的内容.并且设置到静态文本上.

    IBinary
  • Qt编写自定义控件26-平铺背景控件

    平铺背景控件,主要的应用场景是作为画布出现,黑白相间的背景图,然后上面可以放置图片图形等,使得看起来更美观,比如PS软件新建图层以后的背景,FireWorks软...

    feiyangqingyun
  • aardio v13.7 更新内容

    用户2135432

扫码关注云+社区

领取腾讯云代金券