CSS控制连接阴影字

發表於   |   分類於


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
span{font-size:12px;}
span#001 {
position:absolute;
cursor: hand;
font-size:14px;
padding:0px;
}
span#002 {
position:absolute;
font-size:18px;
cursor: hand;
padding:0px;
color:#000099;
filter:dropshadow(color=#ef0000,offx=1,offy=1,positive=2);
}
span#003 {
position:absolute;
cursor: hand;
font-size:14px;
padding:0px;
color:#ff0099;
filter:dropshadow(color=#ef0000,offx=1,offy=1,positive=2);
}

body,td,th {
font-size: 14px;
}
body {
margin-left: 0px;
margin-top: 0px;
}
</style>
　　　</head>
　　　<body>
<script language=javascript>
var lastid;
var foreid=’002’;
var clickid=’003’;
function mouseOnIt(obj){
if(obj.id!=clickid){
lastid=obj.id;
obj.id=foreid;
}
}
function mouseOutIt(obj){
if(obj.id!=clickid){
obj.id=lastid;
}
}
function mouseClick(obj){
if(obj.id!=clickid){
obj.id=clickid;
}else{
obj.id=foreid;
}
}
</script>

<br><span id="001">吃饱穿暖吃饱喝足吃饱喝足迟</span>
<br><br><br><br>
<a href="####"><span id="001" onmouseover=mouseOnIt(this) onmouseout=mouseOutIt(this) onclick=mouseClick(this)>吃饱穿暖吃饱喝足吃饱喝足迟</span></a>

</body>

</html>