• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 鼠标类 >> 正文
站内搜索
Google
[图文]链接十字准星
          ★★★   

链接十字准星

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:鼠标类 [切换到繁體中文]
介绍:鼠标移到指定链接时会出现十字准星。

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效: 
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<style type="text/css"> 
<!-- 
#leftright{ 
position:absolute; 
left:0; 
top:0; 
width:1px; 
height:1px; 
layer-background-color:red; 
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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<SCRIPT language=JavaScript1.2> 
<!-- 
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[formName].elements[popupName]; 
if (popup.options[popup.selectedIndex].value != "") { 
window.open(popup.options[popup.selectedIndex].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 language="JavaScript"> 
<!-- 
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 bgcolor="#000000" text="#FFCC00"> 
<span></span> 
<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:250px; height:20px; z-index:101; visibility: hidden" class="article"><font color="#00FF00">轻松制作各种特效</font> 
</div> 
<div id="Layer2" style="position:absolute; left:328px; top:116px; width:250px; height:20px; z-index:102" class="article"><font color="#FFCC00">精品图标不容错过</font></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()"><font color="#FFCC00">实用素材</font> 
</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()"><font color="#00FF00">特效代码</font> 
</a></td> 
</tr> 
</table>
  • 上一个特效:
  • 下一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com