Wingdings文鼎特殊字符组合的桌面图标
由系统Wingdings特殊字符组合的桌面图标,充分体现了Wingdings的一个有趣应用,用好Wingdings为给你的网页增色不少,像一些标号等,都可以用Wingdings字来代替,而不再使用GIF图片,这样有利于网页的加载速度。
<title>Wingdings文鼎特殊字符组合的图标</title>
<script>
//图标距离与菜单
ico_top=11;
ico_left=11;
ico_bottom=31;
ico_x=65;
ico_y=65;
function setico()
{
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);//每列可排列的个数
num=i+1;
if (n!=0){
l=Math.round(num/n+0.49);//图标的列数
numy=i-n*l+n;//在每一列中图标的序数
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>
<body onresize=setico(); onselectstart="return false" onload="setico();" bgcolor="#336699">
<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">2</font>
<br>My Text</p></div>
<div id="ico1" class="icon"><p align="center">
<font face="Wingdings" style="font-size:31px">3</font>
<br>My Word</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>
<script>setico();</script>
</body>
0
My Folder
1
Open Folder
2
My Text
3
My Word
4
My Folder
5
My Folder
6
Waiting
7
Typer
8
Mouse
9
My Folder
)
My Folder
!
My Folder
@
My Folder
#
My Folder
$
My Folder
%
My Folder
^
My Folder