Desktop icon of wingdings winding special character combination

The desktop icon, which is composed of special characters in the system wingdings, fully embodies an interesting application of wingdings. Using wingdings to add a lot of colors to Your webpage, such as some labels, you can use wingdings instead of GIF images, which is helpful for loading webpages.

<Title> wingdings special character combination icon </title>
<SCRIPT>
// Icon distance and menu
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 OBJ = divcount (I);
win_y = document. body. clientHeight-ico_top-ico_bottom; // The ordinate range of the icon
N = math. round (win_y/ico_y); // Number of columns in each column
num = I + 1;
If (n! = 0) {
L = math. round (Num/n + 0.49); // Number of columns of the icon
numy = I-n * L + N; // specify the ordinal number of objects in each column.
obj. style. left = L x ico_x-ico_x + ico_left;
obj. style. top = numy * ico_y + ico_top;
}< BR >}< br>

0
my folder

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