Wingdings文鼎特殊字符组合的桌面图标

2024-09-05 12:21:18

字体：大中小

来源：转载

供稿：网友

由系统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>

上一篇：CSS阴影文字效果

下一篇：Css 渐变文字效果