网页中常用的技巧、代码、样式等

最新推荐文章于 2023-11-04 11:00:13 发布

aspnet2002web

最新推荐文章于 2023-11-04 11:00:13 发布

阅读量803

点赞数

分类专栏： Java与Web开发文章标签： javascript java css

本文链接：https://blog.csdn.net/aspnet2002web/article/details/1968575

版权

Java与Web开发专栏收录该内容

44 篇文章 0 订阅

订阅专栏

1、Javascript+css做动态立体按钮onMouseOut="this.className='nobianbuttonborder'" onMouseOver="this.className='buttoncolor';this.style.cursor='hand'" onClick="java:win=window.open('sca_tlist.asp?scasort=<%=rs("SMT_id")%>');win.focus();"
----------------------------------
.buttoncolor {border-top:#ffa55b 4 solid;background: #ff7300;font:12px;color:#FFF;text-align:center;height:25px;}
.nobianbuttonborder {border-top:#ffffff 5 solid;background: #F1F1F1;border-bottom:#cccccc 2 solid;text-align:center;font-size: 12px;height:25px;}
.norightbuttonborder {border-top:#FFFFFF 5 solid;background: #F1F1F1;border-left:#cccccc 1 solid;border-bottom:#cccccc 2 solid;text-align:center;font-size: 12px;height:25px;}

2、登陆入口加背景图片
input.username { width:100px; background:#FFFFFF url("../img/vip.gif") 2px 2px no-repeat; padding-left:18px; }
input.password { width:100px; background:#FFFFFF url("../img/vip.gif") 2px 2px no-repeat; padding-left:18px; }

3、漂亮的链接样式
a:visited {
COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
a:link {
COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
a:active {
FONT-FAMILY: Arial; TEXT-DECORATION: none
}
a:hover {
BORDER-TOP-WIDTH: 1px; BACKGROUND-POSITION: 50% bottom; BORDER-LEFT-WIDTH: 1px; LEFT: 1px; COLOR: #99cc33; BORDER-BOTTOM: 1px dotted; BACKGROUND-REPEAT: repeat-x; POSITION: relative; TOP: 1px; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none
}

4、最后更新时间
< s c r i p t language=java>document.write("最后更新: " + document.lastModified);</>

5、打印出一个漂亮的符号
<FONT face=Wingdings>v</FONT>