***链接特效***网页十字显现
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<style type="text/css">
#leftright{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:black;
background-color:#cc9900;
z-index:100;
font-size:0px;
}
#topdown { position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:black;
background-color:#cc9900;
z-index:100;
font-size:0px;
} a { color: #cc9900; text-decoration: none; cursor: default}
a:hover { color: #ff0000; text-decoration: none; cursor: default}
.article {
border-bottom: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; filter: revealtrans(transition=23,duration=0.5) blendtrans(duration=0.5); position: absolute; visibility: hidden
; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; color: #cc9900}
</style>
<script>
function high(which2){
theobject=which2
highlighting=setinterval("highlightit(theobject)",50)
}
function low(which2){
clearinterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearinterval(highlighting)
}
function navchange(formname, popupname, target) {
var popup = document.elements;
if (popup.options.value != "") {
window.open(popup.options.value, target);
popup.selectedindex=0;
}
}
function show(divid) {
divid.filters.revealtrans.apply();
divid.style.visibility = "visible";
divid.filters.revealtrans.play();
}
function hide(divid) {
divid.filters.revealtrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealtrans.play();
}
function mm_openbrwindow(theurl,winname,features) { //v2.0
window.open(theurl,winname,features);
}
</script>
<script>
function tmt_layerslider(targetnn, targetie, x, y, step, delay) {
var changed = false;
if (document.layers) {
target = eval(targetnn);
if (eval(target.moving)) {
cleartimeout(target.tmtslide);
}
if (target.left > x) {
target.left -= eval(step);
changed = true;
}
if (target.left < x) {
target.left += eval(step);
changed = true;
}
if (target.top > y) {
target.top -= eval(step);
changed = true;
}
if (target.top < y) {
target.top += eval(step);
changed = true;
}
if (changed) {
target.moving = true;
target.tmtslide = settimeout("tmt_layerslider(\"" + targetnn + "\",\"" + targetie + "\",\"" + x + "\",\"" + y + "\",\"" + step + "\",\"" + delay + "\")", delay);
} else {
target.moving = false;
}
} else {
if (document.all) {
ieobjstr = targetie.replace("['", ".");
target = eval(ieobjstr.replace("']", ""));
if (eval(target.moving)) {
cleartimeout(target.tmtslide);
}
if (target.style.pixelleft > x) {
target.style.pixelleft -= eval(step);
changed = true;
}
if (target.style.pixelleft < x) {
target.style.pixelleft += eval(step);
changed = true;
}
if (target.style.pixeltop > y) {
target.style.pixeltop -= eval(step);
changed = true;
}
if (target.style.pixeltop < y) {
target.style.pixeltop += eval(step);
changed = true;
}
if (changed) {
target.moving = true;
target.tmtslide = settimeout("tmt_layerslider(\"" + targetnn + "\",\"" + targetie + "\",\"" + x + "\",\"" + y + "\",\"" + step + "\",\"" + delay + "\")", delay);
} else {
target.moving = false;
}
}
}
}
</script>
第二步：把如下代码加入到<body>区域中
<div id="leftright" style="width:expression(document.body.clientwidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientheight-2)"></div>
<div id="layer1" style="position:absolute; left:328px; top:216px; width:50px; height:20px; z-index:101; visibility: hidden" class="article">010101101010101010100101010101010
</div>
<div id="layer2" style="position:absolute; left:328px; top:116px; width:50px; height:20px; z-index:102" class="article">10101110010110101010101010101</div>
<p> </p>
<p> </p>
<p> </p>
<table width="300" border="0" cellspacing="0" cellpadding="0" height="128">
<tr>
<td height="50" align="right" class="my001"><a href="#" onmouseout="tmt_layerslider('document.layers[\'leftright\']','document.all[\'leftright\']','0','0','22','50');tmt_layerslider('document.layers[\'topdown\']','document.all[\'topdown\']','0','0','32','50');hide(layer2)" onmouseover="tmt_layerslider('document.layers[\'leftright\']','document.all[\'leftright\']','0','150','22','50');tmt_layerslider('document.layers[\'topdown\']','document.all[\'topdown\']','260','0','32','50');show(layer2)" class="my001" onfocus="if(this.blur)this.blur()">jojoo
</a></td>
</tr>
<tr>
<td height="120" align="right"><a href="#" onmouseout="tmt_layerslider('document.layers[\'leftright\']','document.all[\'leftright\']','0','0','22','50');tmt_layerslider('document.layers[\'topdown\']','document.all[\'topdown\']','0','0','32','50');hide(layer1)" onmouseover="tmt_layerslider('document.layers[\'leftright\']','document.all[\'leftright\']','0','223','22','50');tmt_layerslider('document.layers[\'topdown\']','document.all[\'topdown\']','260','0','32','50');show(layer1)" onfocus="if(this.blur)this.blur()">linlin
</a></td>
</tr>
</table>
--------------------------------------
拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而烦恼，使您的论坛早日成为一流的论坛。详情请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）
页:
[1]