分类
设计创意
办公创意
游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    0871-64566545

    电子邮件

    admin@admin.com
  • 百澈资源吧APP

    随时掌握最新资源

  • 扫描二维码

    关注星点微信公众号

仿微软风格的按钮演示
[复制链接]
2021 - 06 - 28 发布
未知地区 | 未知职业
admin 发表于 2021-6-28 01:44:06 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
<html> <head> <style> .button2 { border-right:1px solid buttonhighlight; border-left:1px solid buttonshadow; border-bottom:1px solid buttonhighlight; border-top:1px solid buttonshadow } TD { cursor: hand; font-size: 9pt; font-family: 宋体; text-align: center; text-valign: middle } .handin { height:18px; width:2px; border-left:1px solid buttonshadow; border-right:1px solid buttonhighlight } .handout { height:18px; width:2px; border-left:1px solid buttonhighlight; border-right:1px solid buttonshadow; } .into { width:100%; border-right:1px solid buttonhighlight; border-left:1px solid buttonshadow; border-bottom:1px solid buttonhighlight; border-top:1px solid buttonshadow } .outto,.button1 { background-color: buttonface; background-repeat: repeat; background-attachment: scroll; border-left: 1px solid buttonhighlight; border-right: 1px solid buttonshadow; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; background-position: 0%" } .button0 { } </style> </head> <body topmargin="0" leftmargin="0" bgcolor="#E0E0E0"> <script> function change_button(num) { if(event.srcElement.tagName=="TD" && event.srcElement.value=="button") event.srcElement.className = "button"+num; } </script> <div class="into" style="width: 100%; height: 25"> <table class="outto" border="0" width="100%" height="25" cellspacing="1" onmouseover="change_button(1)" onmouseup="change_button(0)" onmousedown="change_button(2)" onmouseout="change_button(0)"> <tr> <td width="1%" height="19"><span class="handout"></span></td> <td width="9%" height="19" value="button">按钮TD</td> <td width="1%" height="19"><span class="handin"></span></td> <td width="9%" height="19" value="button">按钮TD</td> <td width="1%" height="19"><span class="handin"></span></td> <td width="9%" height="19" value="button">按钮TD</td> <td width="1%" height="19"><span class="handin"></span></td> <td width="69%" height="19"></td> </tr> </table> </div> </body> </html>


帖子地址: 

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门下载分类
  • HTML模板
  • 免抠图元素
  • PPT模板
  • 平面设计素材
  • 电商淘宝素材
  • 高清背景图
关注我们
  • 官方微信公众号
  • APP应用下载
客服咨询
  • 0871-64566545(工作日:9:00-16:00)
  • cece56@vip.qq.com

所有资源(除原创外)均是网上搜集或网友上传提供,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如有侵犯您的版权,请及时发邮件联系我们

册册 by 昆明册册网络科技有限公司 X3.4 © 2019-2020 【问题反馈】 册册网络科技官网 |友链申请|滇ICP备2020008601号 滇公网安备53011202001450 滇ICP备2020008601号