模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
表单按钮特效代码
>
收藏
分享
查看评论
表单按钮
演示
仿XP界面的CSS按钮特效代码_表单按钮特效
查看演示效果
特效Tag:
按钮
添加
XP操作系统风格的按钮效果,用纯CSS实现的,比较传统的风格。
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>XP风格样式的按钮</title> <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 width="1%" height="19"><span class="handin"></span></td> <td width="9%" height="19" value="button">ASP.NET专区</td> <td width="1%" height="19"><span class="handin"></span></td> <td width="9%" height="19" value="button"><A href="/">源码分类</A></td> <td width="1%" height="19"><span class="handin"></span></td> <td width="69%" height="19"></td> </tr> </table> </div> </body> </html>
所属频道:
表单按钮特效
/
更新时间:2013-04-16
[收藏]
[报错]
[返回列表]
相关
表单按钮特效
:
又一个带描述的表单
可自由移动位置的导航条
页面转跳。跟本站的教学文章中的那些转到第几页一样的
带Checkbox的列表框
提供四种打开新窗的形式
自动复制代码
方便登录各种管理页面以及任何EMAIL量身定做!
QQ分类搜索代码
查找表格的内容
一个带描述的表单
常用email检验函数
file框模拟新解
表单按钮特效Rss订阅
特效代码搜索
表单按钮特效推荐
可随输入自动调整长度的文本框
页面被冻结
横向、竖向排列的多种选项卡及滑动门
jquery限制输入框textarea的输入字数,并提示
让一个文本框只有输入数字,其它均不能输入
点击文本框后才加载验证码的JS代码
Ajax弹出式无刷新城市选择特效
CSS让Textarea文本域根据内容自适应高度
JavaScript动态操作表格,添加,删除行、列及单元格
跳出说明窗口
猜你也喜欢看这些
根据日期来显示当日的信息
八种风格的时间日期
时间跳动器
十二个月
JS实现日期输入格式提示功能
在状态栏显示时间
JavaScript限制用户浏览网页的时间
百度的Js日历,值得一看
停留时间
JS计时器(非倒计时)
相关链接:
复制本页链接
|
搜索仿XP界面的CSS按钮特效代码
特效说明:
表单按钮模板
-
仿XP界面的CSS按钮特效代码
。