你的位置:首页 > 软件开发 > Java > 仿百度换肤

仿百度换肤

发布时间:2016-07-10 13:00:03
效果:(换肤出来一个div,选择你想要的图片,作为网页背景,保存)要点:cookie保存状态html代码: 1 <body> 2 <div id="header"> 3 <div id="header_con ...

仿百度换肤

效果:(换肤出来一个div,选择你想要的图片,作为网页背景,保存)

仿百度换肤

要点:cookie保存状态

html代码:

 1 <body> 2   <div id="header"> 3     <div id="header_con"> 4       <div class="dbg"><a href="javascript:;" onclick="showImgBox()">换肤</a></div> 5     </div> 6  </div> 7   8   <div id="dimgBox"> 9     <div id="dimgtitle">10       <div id="imgtitle_con">11         <div id="title1"><a href="javascript:;">热门</a></div>12         <div id="title2"><a href="javascript:;" onclick="hideImgBox()">收起</a></div>13       </div>14     </div>15     <div id="imglist">16       <div class="imgitem"><img src='/images/loading.gif' data-original="image/bg0.jpg" /></div>17       <div class="imgitem"><img src='/images/loading.gif' data-original="image/bg1.jpg" /></div>18       <div class="imgitem"><img src='/images/loading.gif' data-original="image/bg2.jpg" /></div>19       <div class="imgitem"><img src='/images/loading.gif' data-original="image/bg3.jpg" /></div>20       <div class="imgitem"><img src='/images/loading.gif' data-original="image/bg4.jpg" /></div>21     </div>22   </div>23 </body>

原标题:仿百度换肤

关键词:百度

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。