`
tntxia
  • 浏览: 1486551 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

"几个好看的按钮"源码和解析

MicrosoftJavaScriptXML 
阅读更多
xml 代码
  1. <style>  
  2.   
  3. /**   
  4.     FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);    
  5.     使用了FILTER效果,由#ffffff渐变到#cecfde   
  6. **/   
  7. .btn {   
  8.  BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid   
  9. }   
  10. .btn1_mouseout {   
  11.  BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid   
  12. }   
  13. .btn1_mouseover {   
  14.  BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid   
  15. }   
  16. .btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}   
  17. .btn3_mouseout {   
  18.  BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid   
  19. }   
  20. .btn3_mouseover {   
  21.  BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid   
  22. }   
  23. .btn3_mousedown   
  24. {   
  25.  BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid   
  26. }   
  27. .btn3_mouseup {   
  28.  BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid   
  29. }   
  30. .btn_2k3 {   
  31.  BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid   
  32. }   
  33. </style>  
  34. <body>  
  35. <button class=btn title="好看的按钮">好看的按钮btn</button><P></p>  
  36.   
  37. <button class=btn1_mouseout title="好看的按钮" onMouseOver="this.className='btn1_mouseover'"  
  38.  onMouseOut="this.className='btn1_mouseout'">好看的按钮btn1</button><P></p>  
  39. <button class=btn2 title="好看的按钮">好看的按钮btn2</button>  
  40. <P>  
  41. <!-- 通过Javascript,可以动态改button的样式,做出动态的效果,以下按钮实现了按钮被激活和被点击的动态效果  -->  
  42. <button class=btn3_mouseout title="好看的按钮" onMouseDown="this.className='btn3_mousedown'"    
  43. onMouseUp="this.className='btn3_mouseup'" onMouseOver="this.className='btn3_mouseover'"  
  44. onMouseOut="this.className='btn3_mouseout'">好看的按钮btn3</button>  
  45. <P>  
  46. <button class=btn_2k3 title="好看的按钮">好看的按钮btn_2k3</button>  
  47. </body>  
分享到：
| SimpleDateFormat细解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JAVA上百实例源码以及开源项目源代码

    　基于JAVA的UDP服务器模型源代码，内含UDP服务器端模型和UDP客户端模型两个小程序，向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...

    vc++ 应用源码包_6

    如题，主要源码就几个，详细见代码。 MzfHips主动防御 主要在MzfHipsDlg中，程序分析进程数据、驱动数据、注册表数据从而实现主动防御。 超级下载 不过不是c++源码 Notepad++ V5.6.8 源码！ OA精灵代码 c++版 ...

    vc++ 应用源码包_5

    如题，主要源码就几个，详细见代码。 MzfHips主动防御 主要在MzfHipsDlg中，程序分析进程数据、驱动数据、注册表数据从而实现主动防御。 超级下载 不过不是c++源码 Notepad++ V5.6.8 源码！ OA精灵代码 c++版 ...

    vc++ 应用源码包_3

    如题，主要源码就几个，详细见代码。 MzfHips主动防御 主要在MzfHipsDlg中，程序分析进程数据、驱动数据、注册表数据从而实现主动防御。 超级下载 不过不是c++源码 Notepad++ V5.6.8 源码！ OA精灵代码 c++版 ...

    JAVA上百实例源码以及开源项目

    　基于JAVA的UDP服务器模型源代码，内含UDP服务器端模型和UDP客户端模型两个小程序，向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...

    vc++ 开发实例源码包

    如题，主要源码就几个，详细见代码。 MzfHips主动防御 主要在MzfHipsDlg中，程序分析进程数据、驱动数据、注册表数据从而实现主动防御。 超级下载 不过不是c++源码 1:综合FTP下载和HTTP(网络蚂蚁)(多线程). 2:FTP...

    vc++ 应用源码包_1

    如题，主要源码就几个，详细见代码。 MzfHips主动防御 主要在MzfHipsDlg中，程序分析进程数据、驱动数据、注册表数据从而实现主动防御。 超级下载 不过不是c++源码 Notepad++ V5.6.8 源码！ OA精灵代码 c++版 ...

    vc++ 应用源码包_2

    如题，主要源码就几个，详细见代码。 MzfHips主动防御 主要在MzfHipsDlg中，程序分析进程数据、驱动数据、注册表数据从而实现主动防御。 超级下载 不过不是c++源码 Notepad++ V5.6.8 源码！ OA精灵代码 c++版 ...

    codesearch:真正理解并遵循代码的源代码搜索引擎-Search source code

    代码搜索 一个代码搜索引擎，实际上可以分析并跟踪代码。 它根据查询查找代码行，然后通过添加代码的依赖项和依存关系来构建完整的代码片段，...使用解析器分析源代码，从AST中提取数据，遵守范围规则以查找依赖关系

    java jdk实列宝典 光盘源代码

    更改组建外观，对日历设置几个显示外观（lookandfeel.java）；自定义对话框DialogWindows;制作欢迎界面SplashWindow.java; 10 java图形 一个圆形按钮，当单击按钮时颜色发生变化CircleButton.java; 捕捉屏幕相当于...

    PHP和MySQL Web开发第4版pdf以及源码

    2.10.1 使用普通文件的几个问题 2.10.2 RDBMS是如何解决这些问题的 2.11 进一步学习 2.12 下一章 第3章 使用数组 3.1 什么是数组 3.2 数字索引数组 3.2.1 数字索引数组的初始化 3.2.2 访问数组的内容 ...

    C语言实战105例 含105个源代码

    实例78　建立和隐藏多个PRI DOS分区　213 实例79　简单的DOS下的中断服务程序　216 实例80　文件名分析程序　219 实例81　鼠标中断处理　222 实例82　实现磁盘数据的整体加密　224 实例83　揭开CMOS密码　227 实例84...

    C语言实战105例源码

    （无需积分）C语言实战105例源码 其他的都是要分值的，转来的不要积分 第1部分　基础篇 实例1　一个价值“三天”的BUG　2 实例2　灵活使用递增(递减)操作符　5 实例3　算术运算符计算器　7 实例4　逻辑运算符...

    TableMaker[CSDN论坛建表小工具](附源码)

    这个软件我花了一天的时间才写好,不知道是不是有更好的了? ...您要是觉得不爽,就下我的源代码(在 CSDN上面下载)改一下吧!(*^__^*) 嘻嘻…… 本软件没有版权,请随意修改。 --by feg545(最爱回锅肉)

    飞鸽传书(IPMessenger) 源码

    目前已有的版本包括: Win32, Win16, MacOS, MacOSX, X11, GTK, GNOME,Java 等, 并且公开源代码. 系统要求 　Microsoft Windows 95/98/Me/NT4.0/2000/XP/2003 　95/98/NT4.0 ... 要求 comctl32.dll(公共控件) 的版本...

    sis-pst:PST（Outlook）文件解析器

    要运行应用程序，请在 Intellij IDEA 中打开源代码（PSTanalyzerr 文件夹）。 将项目 SDK 设置为 Java 1.8，将项目语言级别设置为 8 - Lambdas、类型注释等。将尽快提供自可执行的 jar 文件。 如何使用应用程序： ...

    微信小程序实战源码解析：列表项左滑删除效果

    1、每一个列表项由两个层组成，文本层与按钮层； 2、触摸滑动时计算手指移动距离，文本层跟随手指移动； 3、手指移动距离大于按钮宽度一半时，显示按钮，反之，不显示； 4、缓动动画用css3属性transition控制；...

    c语言实战105例源码

    78　建立和隐藏多个PRI DOS分区 79　简单的DOS下的中断服务程序 80　文件名分析程序　 81　鼠标中断处理　 82　实现磁盘数据的整体加密　 83　揭开CMOS密码　 84　获取网卡信息　 85　创建自己的设备　 86...

Magicbox
Global site tag (gtag.js) - Google Analytics