`
tntxia
  • 浏览: 1510902 次
  • 性别: 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细解
评论
发表评论

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

相关推荐

    RealOne按钮源代码

    理解事件驱动编程模型有助于我们解析和修改源代码中的事件处理逻辑。 6. **版本控制**：如果这个“RealOne按钮源代码”是历史版本的一部分，那么可能需要了解版本控制系统，如Git，来追踪代码的变更历史，便于协作...

    Views3D汽车按钮源代码

    《Views3D汽车按钮源代码解析》 在IT行业中，3D图形技术的应用越来越广泛，尤其是在汽车设计、模拟驾驶等领域。本篇文章将深入探讨“Views3D汽车按钮源代码”这一主题，帮助开发者理解并掌握如何利用C#编程语言在...

    解析swf文件 源码

    解析SWF文件的源码通常涉及以下几个步骤： 1. **文件读取**：使用文件操作函数打开SWF文件，并逐字节读取文件头，获取版本和文件长度信息。 2. **解压缩**：如果文件是压缩的，需要先用zlib等库进行解压缩。 3. *...

    提取网页源代码

    当我们访问一个网站时，浏览器接收服务器发送的网页源代码并将其解析成我们看到的可视化页面。提取网页源代码是一项重要的技能，尤其在数据分析、网络爬虫和自动化测试等领域。 提取网页源代码主要有以下几种方法：...

    《深入解析MFC》源代码

    MFC中的类分为几个主要部分，如应用框架类（CWinApp）、窗口类（CWnd）、文档类（CDocument）和视图类（CView）等。 2. **窗口管理**：MFC通过CWnd类处理窗口，提供了创建、显示、销毁窗口的方法。CFrameWnd类用于...

    java语言写的计算器源代码附解析.doc

    以下是对这个“Calc.java”源代码的详细解析： 首先，`Calc` 类继承自 `WindowAdapter` 类，实现了 `ActionListener` 和 `MouseListener` 接口。这表明它将处理窗口事件和按钮点击事件。`ActionListener` 是为了...

    VC++计算器源代码

    在学习和分析这个源代码时，我们可以关注以下几个关键知识点： 1. **C++基础**：了解基本的C++语法，包括变量、数据类型、运算符、控制结构（如if语句、for循环、while循环）、函数等，这是理解任何C++源代码的基础...

    浏览器程序源代码.zip

    【浏览器程序源代码解析】 在提供的“浏览器程序源代码.zip”压缩包中，包含了一个使用VB6.0开发的简易浏览器程序。这个程序可能由以下几个主要部分组成： 1. **主窗体（Main Form）**：这是程序的主界面，通常...

    解析8583报文工具源码

    分析源码时，我们可以关注以下几个关键部分： 1. **字段解析器**：这部分代码会处理8583报文的每个字段，包括读取、解析和验证数据。这通常涉及到位移、位掩码操作以及解码特定格式的数据，如BCD（二进制压缩十进制...

    Delphi编程典型实例解析_源代码

    总之，"Delphi编程典型实例解析"这本书的源代码集将为初学者和经验丰富的开发者提供宝贵的实践素材，通过实例学习是掌握任何编程语言的最有效方式之一。通过这本书，你可以逐步提升你的Delphi编程能力，无论你是想...

    易语言图形按钮生成工具源码

    该源码的核心部分可能包含以下几个关键知识点： 1. **窗口程序设计**：易语言的窗口程序设计是基于窗口组件进行的，包括窗口、控件等。在这个工具中，我们需要关注如何定义并创建一个窗口，以及在窗口上添加图形...

    C# 计算器 源代码 C#计算器源代码 windows 窗体程序 源程序

    2. **设计界面**：在设计视图中，拖拽按钮和文本框到窗体上，为每个按钮设置合适的文本，并调整大小和位置。 3. **编写代码**： - 为每个按钮添加事件处理函数。例如，对于数字按钮，我们可能有一个`button1_Click...

    网络调试助手C++源码(VS 2008开发)

    在网络调试助手项目中，MFC的主要作用体现在以下几个方面： 1. **用户界面（UI）构建**：MFC提供了丰富的控件和窗口类，如对话框、菜单、工具栏等，用于构建图形化用户界面。在NetAssist源码中，我们可以看到如何...

    c# 计算器源代码

    在这个“C#计算器源代码”中，我们可以期待学习到以下几个关键知识点： 1. **基础语法与结构**：C#是一种强类型、面向对象的语言，它的基本语法包括变量声明、数据类型、条件语句（如if-else）、循环（如for和while...

    JAVA浏览器和源代码

    Java浏览器的源代码通常会包含以下几个主要部分： 1. **主控程序**：这是整个应用的入口点，负责初始化用户界面和网络通信模块。 2. **网络通信模块**：这部分代码用于与服务器交互，发送HTTP请求，接收响应，并...

    有背景的按钮源码（访126邮件登陆按钮样式）

    本文将详细解析标题为“有背景的按钮源码（访126邮件登陆按钮样式）”的资源，这个源码是基于126邮箱首页的登录按钮样式设计的，具有美观的背景效果，并且易于定制。描述中提到，这个按钮样式只有四五行代码，非常...

    易语言源码灰色按钮激活.rar

    本压缩包包含了一个名为“灰色按钮克星易语言版.e”的源代码文件和一个“源码使用说明.txt”的文本文件，它们共同为我们揭示了易语言中处理“灰色按钮”状态的技术细节。 首先，我们来了解一下“灰色按钮”。在...

    老外的VC特效按钮源码

    【VC特效按钮源码解析】 在编程领域，Visual C++（简称VC）是一种广泛使用的C++集成开发环境，尤其在Windows平台下开发桌面应用程序时。它提供了丰富的界面元素和控件，让开发者能够构建功能强大的应用程序。而...

    C++Builder 应用开发技术解析程序源代码

    在源代码中，你可以期待看到以下几个关键知识点： 1. **面向对象编程**：C++Builder基于C++，因此源代码会展示类的设计、继承、多态等面向对象编程概念。理解如何定义类，如何创建对象，以及如何使用虚函数实现多态...

    《 VC++程序开发案例解析》源代码

    在VC++程序开发中，有几个核心的知识点： 1. **MFC（Microsoft Foundation Classes）框架**：VC++广泛使用MFC库，这是一个基于C++的类库，用于简化Windows应用程序的开发。MFC封装了Windows API，提供了面向对象的...

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