<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="generator" content="editplus">
<meta name="author" content="dron">
<meta name="keywords" content="dron">
<meta name="description" content="dron">
<style type="text/css">
body
{
font-size:12px;
}
.checkbox
{
width:12px;
height:12px;
background-image:url(http://ucren.com/files/WebTex/setCheckbox/images/checkbox.gif);
background-color:#fff;
line-height:1px;
font-size:1px;
}
</style>
</head>
<body>
<div class="checkbox"></div>
<div class="checkbox"></div>
<div class="checkbox" checked=true></div>
<div class="checkbox"></div>
<div class="checkbox" checked=true></div>
<div>多选框选中时打勄颜色设ؓQ?lt;input type="text" size="7" maxlength="7" value="#0000ff" id="colorValue"><input type="button" value="试试" onclick="setActColor(document.getElementById('colorValue').value)">Q注Q颜色值可以自行更改）</div>
<script type="text/javascript">
/*******************************************\
自定?checkbox 打勾颜色的例?
This JavaScript was writen by Dron.
@2003-2008 Ucren.com All rights reserved.
\*******************************************/
var actColor = "#f00";
var divs = document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++)
{
if(divs[i].className=="checkbox")
{
divs[i].onclick = function()
{
var tempvalue = this.getAttribute("checked") ? '' : true;
this.setAttribute("checked",tempvalue);
return setcheck();
}
}
}
function setcheck()
{
var divs = document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++)
{
if(divs[i].className=="checkbox"&&divs[i].getAttribute("checked"))
{
divs[i].style.backgroundColor = actColor;
}
if(divs[i].className=="checkbox"&&(!divs[i].getAttribute("checked")))
{
divs[i].style.backgroundColor = "#fff";
}
}
}
function setActColor(str)
{
var body = document.body;
try
{
body.style.color = str;
body.style.color = "#000";
}
catch(e)
{
window.alert("填定了错误的颜色倹{?);
return;
}
actColor = str;
return setcheck();
}
setcheck();
</script>
</body>
</html>
]]>
TD{font-family: 宋体;font-size: 12px;line-height : 15px ;}
th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;}
th.th1{background-color: #333333;}
td.TableBody7{background-color: #B1EA45;}
</style>
<script language="JavaScript">
//more javascript from http://www.51it.org
<!--
var pltsPop=null;
var pltsoffsetX = 10; // 弹出H口位于鼠标左侧或者右侧的距离Q?-12 合?br />var pltsoffsetY = 15; // 弹出H口位于鼠标下方的距；3-12 合?br />var pltsPopbg="#FFFFEE"; //背景?br />var pltsPopfg="#111111"; //前景?br />var pltsTitle="";
document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>');
function pltsinits()
{
document.onmouseover = plts;
document.onmousemove = moveToMouseLoc;
}
function plts()
{ var o=event.srcElement;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
pltsPop=o.dypop;
if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
{
pltsTipLayer.style.left=-1000;
pltsTipLayer.style.display='';
var Msg=pltsPop.replace(/\n/g,"<br>");
Msg=Msg.replace(/\0x13/g,"<br>");
var re=/\{(.[^\{]*)\}/ig;
if(!re.test(Msg))pltsTitle="<font color=#ffffff>?lt;/font>";
else{
re=/\{(.[^\{]*)\}(.*)/ig;
pltsTitle=Msg.replace(re,"$1")+" ";
re=/\{(.[^\{]*)\}/ig;
Msg=Msg.replace(re,"");
Msg=Msg.replace("<br>","");}
//var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
var content =
'<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=tableBorder7 cellspacing="1" cellpadding="0" style="width:100%">'+
'<tr id=pltsPoptop ><th height=18 valign=bottom class=th1 ><b><p id=topleft align=left><font color=#ffffff>?lt;/font>'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>?lt;/font></b></th></tr>'+
'<tr><td "+attr+" class=tablebody7 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
'<tr id=pltsPopbot style="display:none"><th height=18 valign=bottom class=th1><b><p id=botleft align=left><font color=#ffffff>?lt;/font>'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>?lt;/font></b></th></tr>'+
'</table></td></tr></table>';
pltsTipLayer.innerHTML=content;
toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
moveToMouseLoc();
return true;
}
else
{
pltsTipLayer.innerHTML='';
pltsTipLayer.style.display='none';
return true;
}
}
function moveToMouseLoc()
{
if(pltsTipLayer.innerHTML=='')return true;
var MouseX=event.x;
var MouseY=event.y;
//window.status=event.y;
var popHeight=pltsTipLayer.clientHeight;
var popWidth=pltsTipLayer.clientWidth;
if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight)
{
popTopAdjust=-popHeight-pltsoffsetY*1.5;
pltsPoptop.style.display="none";
pltsPopbot.style.display="";
}
else
{
popTopAdjust=0;
pltsPoptop.style.display="";
pltsPopbot.style.display="none";
}
if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
{
popLeftAdjust=-popWidth-pltsoffsetX*2;
topleft.style.display="none";
botleft.style.display="none";
topright.style.display="";
botright.style.display="";
}
else
{
popLeftAdjust=0;
topleft.style.display="";
botleft.style.display="";
topright.style.display="none";
botright.style.display="none";
}
pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
return true;
}
pltsinits();
//-->
</script>
</HEAD>
<BODY>
<div title="醉别西楼醒不讎ͼ春梦U云Q聚散真Ҏ?lt;br>斜月半窗q少睡。画屏闲展吴q?lt;br>上酒痕诗里字，点点行行QL凄凉意?lt;br>U烛自怜无好计Q夜寒空替h垂泪?>蝶恋?lt;/div>
</BODY>
</HTML>
]]>