一行代码轻松实现博客head图片随机变换
只需将header0.jpg、header1.jpg……等放入images目录中，然后将下面的代码加在header.php中，就可实现博客头部图片随机变换，感兴趣者不妨一试。
〈style type=”text/css”>
#header { background:url(/images/header〈?php echo (rand()%4); ?>.jpg); }
〈/style>
这里只是利用了PHP的随机函数。
其实，随机显示问题，原理基本是一样的，我们利用其它的办法同样可以做到。比如，我们还想在博客头部随机显示一些名言、警句等，就可以利用JavaScript来实现。只需在header适当位置加上如下代码：
〈SCRIPT LANGUAGE=”JavaScript”〉
〈!–
var rndNum2 = parseInt(Math.random() *12)
document.write(“〈SCRIPT src=\”..\/random\/”+rndNum2+”.js\” type=\”text\/javascript\”>〈\/SCRIPT>”)
//–>
〈/SCRIPT>
注意:如果web application的编码规则是utf-8，如网页头中的：
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
那么js文件中如果有中文输出就会出现乱码，解决这个问题可在引用javascript输出的地方加上charset=”gb2312″ 或 charset=”big5″（假设输出的是Big5繁体字）。
另一种解决方法是把js文件保存为utf-8编码。
3 Responses to “一行代码轻松实现博客head图片随机变换”
Leave a Comment
挺实用的。收藏啦
试了,真好啊
以后再试一下！