win xp风格的按钮
效果图：
代码：
说明：只有样式，功能未实现。
<style>
A.button_link{BORDER-BOTTOM: #000000 1px solid; /* TEXT-ALIGN: center; */ /* BORDER-LEFT: #ffffff 1px solid; */ /* PADDING-BOTTOM: 4px; */ /* MARGIN: 0px 3px; */ /* PADDING-LEFT: 8px; */ /* WIDTH: 75px; */ /* PADDING-RIGHT: 8px; */ /* BACKGROUND: #f7f7f7; */ /* COLOR: #000000; */ /* BORDER-TOP: #ffffff 1px solid; */ BORDER-RIGHT: #000000 1px solid; PADDING-TOP: 4px}
A.button_link:hover{BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #000000; BACKGROUND: #ccc; COLOR: #333; BORDER-RIGHT-COLOR: #ffffff; BORDER-LEFT-COLOR: #000000; TEXT-DECORATION: none}
A.button_link:active{BACKGROUND: #d9d9d9; COLOR: #000000; TEXT-DECORATION: none}
A.button_link:link{BACKGROUND: #d9d9d9; COLOR: #000000; TEXT-DECORATION: none}
A.button_link:visited{BACKGROUND: #d9d9d9; COLOR: #000000; TEXT-DECORATION: none}
</style>
<div class="con_ff">
<a title="复制本文链接发给你QQ/MSN上的好友" href="javascript: copyUserHomeToClipBoard()" rel="nofollow" class="button_link">复制链接</a>
<a href="javascript:addBookmark(document.title,document.location.href)" class="button_link">收藏本文</a>
<a href="javascript:doPrint();" class="button_link">打印本文</a>
<a href="javascript:closeWindow()" class="button_link">关闭本文</a>
<a href="/index.html" class="button_link">返回首页</a>
<a href="https://www.jb51.net/article/22998.htm" class=button_link>该样式来源</a>
</div>
<script src="https://img.jb51.net/js/function.js">
//获取DOM元素
function getid(a){
if(document.getElementById&&document.getElementById(a)){
return document.getElementById(a)
}else{
if(document.all&&document.all(a)){
return document.all(a)
}else{
if(document.layers&&document.layers[a]){
return document.layers[a]
}else{
return false
}
}
}
}
//复制链接到剪切板
function copyUserHomeToClipBoard(){
var a=document.URL;
if(copy2Clipboard(a)!=false){
alert("\u590d\u5236\u6210\u529f\uff0c\u8bf7\u7c98\u8d34\u5230\u4f60\u7684QQ/MSN\u4e0a\u63a8\u8350\u7ed9\u4f60\u7684\u597d\u53cb\uff01\r\n\r\n\u5185\u5bb9\u5982\u4e0b\uff1a\r\n"+a)
}
}
//复制链接到剪切板的实现
function copy2Clipboard(b){
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text",b)
}else{
if(navigator.userAgent.indexOf("Opera")!=-1){
window.location=b
}else{
if(window.chrome){
alert("\u8bf7\u9009\u4e2d\u6587\u672c\uff0c\u4f7f\u7528 Ctrl+C \u590d\u5236!")
}else{
if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")
}catch(g){
return false
}
var d=Components.classes["@mozilla.org/widget/clipboard;1"].createInstance(Components.interfaces.nsIClipboard);
if(!d){return}var c=Components.classes["@mozilla.org/widget/transferable;1"].createInstance(Components.interfaces.nsITransferable);
if(!c){return}
c.addDataFlavor("text/unicode");
var h=new Object();
var a=new Object();
var h=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var i=b;h.data=i;c.setTransferData("text/unicode",h,i.length*2);
var f=Components.interfaces.nsIClipboard;if(!d){return false}
d.setData(c,null,f.kGlobalClipboard)
}
}
}
}
};
//收藏网页：效果不好
function addBookmark(b,a){
if(window.sidebar){
window.sidebar.addPanel(b,a,"")
}else{
if(document.all){
window.external.AddFavorite(a,b)
}else{
if(window.opera&&window.print){
return true
}
}
}
}
//打印：
function doPrint(){
var h="<html>"; var g; var d;
var c="<!--NEWSZW_HZH_BEGIN-->";
var f="<!--NEWSZW_HZH_END-->";
var b='\u3010<A href="javascript:doZoom(16)">\u5927</A> <A href="javascript:doZoom(14)">\u4e2d</A> <A href="javascript:doZoom(12)">\u5c0f</A>\u3011';
var a="doPrint()";
var i;
d="<style>body{font-family:\u5b8b\u4f53}td,.f12{font-size:12px}.f24 {font-size:24px;}.f14 {font-size:14px;}.title14 {font-size:14px;line-height:130%}.l17 {line-height:170%;}textarea{border:1px solid #CCCCCC; overflow-y:visible; width:100%; height:100%}</style>";
h+=d;
h+='<meta http-equiv="content-type" content="text/html; charset=gb2312">';
h+="<title>"+document.title+"</title>";
h+="<body bgcolor=#ffffff topmargin=5 leftmargin=5 marginheight=5 marginwidth=5>";
h+="<center><table width=700 border=0 cellspacing=0 cellpadding=0><tr><td align=right valign=bottom><a href='javascript:history.back()'>\u8fd4\u56de</a>\u3000<a href='javascript:window.print()'>\u6253\u5370</a></td></tr></table>";
h+="<table width=700 border=0 cellpadding=0 cellspacing=20 bgcolor=#EDF0F5><tr><td>";title=document.title;
h+="<div align=center><strong>"+title+"</strong></div><br/>";
artstart="<strong>"+getid("art_demo").innerHTML+"</strong><br />";
g=getid("art_content").innerHTML;if(g.indexOf(c)!=-1){
i=artstart+g.substr(g.indexOf(c)+c.length,g.indexOf(f))
}else{
i=artstart+g
}
i=i.replace(/<BR><BR>/ig,"<BR>");
i=i.replace(/<script.*?>[\s\S]*<\/script>/ig,"");
i=i.replace(/ /ig," ");
i=i.replace(/<p>/ig,"<br>");
i=i.replace(/<\/p>/ig,"");
i=i.replace(/<br>[\s|\u3000| ]*?<br>/ig,"<BR>");
i=i.replace(/<iframe.*?>.*?<\/iframe>/ig,"");
i=i.replace(/^[\s]*\n/ig,"");
strTmp3=i.substr(i.indexOf("<!--NEWSZW_HZH_END-->"),g.indexOf(f));
i=i.replace(strTmp3,"");
strTmp2="<div id='content'></div>";
h+=strTmp2;
h+="\u6765\u6e90\u4e8e\u811a\u672c\u4e4b\u5bb6:"+window.location.href;
h+="</td></tr></table></center>";
h+="</body></html>";
document.write(h);
document.close();
getid("content").innerHTML=i
}
//关闭：
function closeWindow(){
window.open("","_parent","");
window.close()
}
</script>
-------------