Js实现随机更换网页背景图片，模仿AOL网站

发布时间：2018-08-13 14:06: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>
提示：可修改后代码再运行!

（编辑：核心网）

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