網頁鏈接十字顯示就像CAD十字做標一樣,效果非常好 -- [鏈接特效]─ 深山工作室提供網絡投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開發|企業網站建設

<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

<listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

<address id="jxdzp"></address>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

訂閱本欄目 RSS您所在的位置: 深山工作室 > 鏈接特效 > 正文

網頁鏈接十字顯示就像CAD十字做標一樣,效果非常好

中國站長站 2008/6/28 22:32:50 深山行者字體:大中小瀏覽 7520

以下為詳細代碼

網頁鏈接十字顯示就像CAD十字做標一樣,效果非常好

第一步：把如下代碼加入到<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[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> 
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>

<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>

前一頁:設置個性的文字鏈接樣式,集齊網頁上常見的鏈接樣式

后一頁:防止點擊空鏈接時，頁面往往重置到頁首端

相關閱讀: 網易評論的蓋樓樣式; 連云港華夏國際旅行社; 極酷的,漂亮的頁面loading等待頁面特效; javascript取漢字拼音首字母縮寫程序; CSS完美兼容IE6/IE7/FF的通用方法; 山西省太原夏日陽光國際旅行社; 網站站長：提高頁面瀏覽速度的辦法; web2.0中流行的設計元素：顏色

共有0條關于《網頁鏈接十字顯示就像CAD十字做標一樣,效果非常好》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: a標簽的javascript鏈接; 網站內容中某個關鍵字相關右鍵菜單; 利用錨點做純CSS的圖片展示效果; QQ郵箱文件中轉站點擊下載效果; Div+CSS+JS樹型菜單，可刷新; 淘寶產品首字母類別效果

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 四川省旅者旅行社有限公司總部; ASP FSO讀取XX文件夾下的所有文件與創建使用時間; 北京順義阿來電腦科技有限公司電腦配件在線網店; vue uni-app判斷空字符串/null/undefined或者有誤字段; 網頁中自動換行問題; UL與LI 標簽詳解

更多標簽熱門標簽

圖片上傳 body 改變光標框架 DOCTYPE 文字 div 頁面菜單排序 table access txt 臺歷營銷 Request 過期 Excel 密碼列表 innerHTML 無限 qq right 簡易高 eof 文字樣式版權聲明心情 time window 源文件逗號獲得分開工作 xml 字符 lightbox 等待 163 csss 調節 Response 保護眼睛的電腦色寬邊界重疊企業右擊失效

行業解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關于深山; 業務范圍; 案例展示中心; 聯系我們; 網站地圖; 贊助深山

動態展示: 定制網絡投票系統; 定制小程序

服務熱線: 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯系微信二維碼

: 聯系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創,部分為從網絡收集而來,僅供網友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯系,經確認后我們會立即移除相關內容或鏈接
Copyright © 2007-2025 深山工作室 All Rights Reserved
服務QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網安備 32070502010230號

88国产精品视频一区二区三区