压缩好的图片存放在资源文件夹的image文件夹中。 注:在Unix-like的系统下,请务必修改文件夹的访问权限,否则会上传失败。 首发也是在我的博客上 我的博客:gniy.us ========================= 版权声明: 开源,遵循copy left 你可以修改里面的任何代码,并且可以对自己创作的代码享有署名权 同时,也请尊重其他创作者的署名权,保留其他创作者的署名权 ========================= 转载声明: 转载请注明出处,没有其他要求了,谢谢! ========================= 修改说明: 由于当时发这贴子的时候我都还不能访问这个板块,是做任务发的帖子,发的版块和格式都不对,帖子是@oing_l 同学给我转到这里来的,非常抱歉!请大家原谅一个新人的无知。 重新调整了帖子格式,资源重新上传到百度网盘了。感谢大家的支持和指教! ========================= 百度网盘下载地址: 【本内容已隐藏,回复后刷新可见哦】 使用后觉得哪里不舒服或者需要添加任何功能,请告诉我。近两个月稍微有点忙,[attach]204090[/attach]等忙过这一阵,我会统一处理这些问题。 div+css实现window xp桌面图标布局(蛋疼的布局)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>window xp桌面图标布局</title> 6 <style> 7 html,body{ margin:0; border:0; padding:0; width:100%; height:100%; } 8 .parent{ display:block; background:gray; width:100%; height:100%; } 9 .parent{ 10 -webkit-column-width:100px; 11 -moz-column-width:100px; 12 -webkit-column-gap:0px; 13 -moz-column-gap:0px; 14 } 15 .parent{ writing-mode: tb-lr; }/*ie8 竖直排列*/ 16 .parent{ *white-space:nowrap;} 17 18 .child{ 19 display:inline-block; 20 *display:inline; 21 margin:10px 10px 10px 10px; 22 border:5px solid black; 23 padding:5px; 24 width:50px; 25 height:50px; 26 text-align:center; 27 background:lightblue; 28 } 29 .child{ writing-mode: lr-tb; } /*ie8 竖直排列*/ 30 </style> 31 </head> 32 <body> 33 <div class="parent"> 34 <div class="child">1</div> 35 <div class="child">2</div> 36 <div class="child">3</div> 37 <div class="child">4</div> 38 <div class="child">5</div> 39 <div class="child">6</div> 40 <div class="child">7</div> 41 <div class="child">8</div> 42 <div class="child">9</div> 43 <div class="child">10</div> 44 <div class="child">11</div> 45 <div class="child">12</div> 46 <div class="child">13</div> 47 48 <div class="child">14</div> 49 <div class="child">15</div> 50 <div class="child">16</div> 51 <div class="child">17</div> 52 <div class="child">18</div> 53 <div class="child">19</div> 54 <div class="child">20</div> 55 <div class="child">21</div> 56 <div class="child">22</div> 57 <div class="child">23</div> 58 </div> 59 </body> 60 </html>











