網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>文本鏈接特效代碼>

Wingdings特殊字符組合的桌面圖標_文本鏈接特效

由系統(tǒng)Wingdings特殊字符組合的桌面圖標，充分體現(xiàn)了Wingdings的一個有趣應(yīng)用，用好Wingdings為給你的網(wǎng)頁增色不少，像一些標號等，都可以用Wingdings字來代替，而不再使用GIF圖片，這樣有利于網(wǎng)頁的加載速度。

divCount = document.all.ico.all.tags("DIV");
for (i=0; i<divCount.length; i++) {
obj = divCount(i);
win_y=document.body.clientHeight-ico_top-ico_bottom;//圖標的縱坐標范圍
n=Math.round(win_y/ico_y);//每列可排列的個數(shù)
num=i+1;
if (n!=0){
l=Math.round(num/n+0.49);//圖標的列數(shù)
numy=i-n*l+n;//在每一列中圖標的序數(shù)
obj.style.left=l*ico_x-ico_x+ico_left;
obj.style.top=numy*ico_y+ico_top;
}
}
}
</script>
<style>
div{font-size:12px}
.icon{position: absolute; top: -100; left: -100; width: 56; height: 45;font-family:Tahoma;color:#FFFFFF}
</style>
<div id=ico>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">0</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">1</font>
<br>Open Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">4</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">5</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">6</font>
<br>Waiting</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">7</font>
<br>Typer</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">8</font>
<br>Mouse</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">9</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">)</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">!</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">@</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">#</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">$</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">%</font>
<br>My Folder</p></div>

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">^</font>
<br>My Folder</p></div>

所屬頻道：文本鏈接特效/更新時間：2012-12-21

[收藏][報錯][返回列表]

相關(guān)文本鏈接特效：

Wingdings特殊字符組合的桌面圖標_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些