Js实现随机改换网页配景图片，仿照AOL网站

发布时间：2018-08-13 22:26:16 所属栏目：活动来源：站长网

导读：Js实现随机改换网页配景图片，仿照AOL网站，常常会见猛火网的伴侣也许已经知道，这个AOL随机网页配景殊效已经在猛火下载栏目宣布过了。此殊效首要实现每次革新网页城市获得一个纷歧样的配景图片,究其道理,着实很简朴,就是行使了 Java Scrpt的getSeconds函

　　Js实现随机改换网页配景图片，仿照AOL网站，常常会见猛火网的伴侣也许已经知道，这个AOL随机网页配景殊效已经在猛火下载栏目宣布过了。

　　此殊效首要实现每次革新网页城市获得一个纷歧样的配景图片,究其道理,着实很简朴,就是行使了JavaScrpt的getSeconds函数,用Random虽然也很好就实现,但要领因人而异，各有各的本性。

　　演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>仿AOL随机改换网页配景图片</title> <style type="text/css">  </style> </head> <body> <script language="javascript"> now = new Date(); erke = now.getSeconds(); erke = erke - parseInt(erke/9)*9 + 1;//界嗣魅张数 </script>  <script language="javascript"> document.write("<div style='background:url(/uploads/allimg/1106/bg"+erke+".jpg) no-repeat 90px 0px;' id=Change></div>") </script>  <table width="1000" height="590" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="19"> </td> </tr> <tr> <td height="114"><a href="/" target="_blank"><img src="/uploads/allimg/1106/logo.png" width="202" height="104" border="0" /></a></td> </tr> </table> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!