由特殊字符组合的桌面图标

 

<title>朝暮数据www.zhaomu.com</title>
<script>
//图标距离与菜单
ico_top=11;
ico_left=11;
ico_bottom=31;
ico_x=65;
ico_y=65;
function set_zzjs_net()
{//我们的网址是www.zhaomu.com 朝暮数据
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;
}
}
}//我们的网址是www.zhaomu.com 朝暮数据
</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>A</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">1</font>
<br>B</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">2</font>
<br>C</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">3</font>
<br>D</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">4</font>
<br>E</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">5</font>
<br>F</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">6</font>
<br>G</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">7</font>
<br>H</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">8</font>
<br>I</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">9</font>
<br>J</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">)</font>
<br>K</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">!</font>
<br>L</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">@</font>
<br>M</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">#</font>
<br>N</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">$</font>
<br>O</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">%</font>
<br>P</p></div>
<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:31px">^</font>
<br>www.zhaomu.com</p></div>
<script>set_zzjs_net();</script>
<body onresize=set_zzjs_net(); onselectstart="return false" onLoad="set_zzjs_net();" bgcolor="#336699">

 

posted @ 2012-04-19 13:56  烟F火  阅读(359)  评论(0编辑  收藏  举报