桌面图标的排列

稿源：互联网 2022-05-29 17:07:03 点击： 954 撤稿纠错

桌面图标的排列，体现wingdings字体的超强功能。

以下讨论的是和特效相关的桌面图标的排列教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>


<script>
//桌面图标距离与菜单效果
ico_top=10;
ico_left=10;
ico_bottom=30;
ico_x=65;
ico_y=65;
function setico()
{
/*Haiwa@20:45 2002-8-26*/
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>
<div id=ico>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div id="ico1" class=icon><p align="center">
<font face="Wingdings" style="font-size:32px">(</font>
<br>My Phone</p></div>

</div>
<script>setico();</script>

<body onresize=setico(); onselectstart="return false" onload="setico();" bgcolor="#336699">

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于桌面图标的排列的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807153183.shtml方便下次再访问哦。

·上一篇： 左侧的隐藏菜单
·下一篇： 右击色块产生不同的下拉菜单

桌面图标的排列

文章分类LIST >>返回首页

最新游戏

最新新闻