蓝版朋友的贴。教你换顶图随机换
漂亮顶图随机秀[size=12px][color=#0080ff]WO WO WO~
最近偶家网络总是不好~
昨天还遇到了整栋楼交换机瘫痪的问题~~~~
实在郁闷~
不过偶还是受了TOTHESKY兄的启发~
根据网上一个最流行的『图片随机显示技巧』版本自己改了篇Myplaces教程，本人非专业人士，水平有限，让大家见笑了^_^。
（计算机语言过敏者直接跳到第二部分阅读）[/color]
[color=#ff0000]**************************** 第一部分*原理详解 *****************************
[/color]
[color=#000066]本人比较懒，懒得打这么多的字，下面部分引用作者原文：[/color]
图片随机显示是一个应用非常广泛的技巧。比如随机banner的显示，当你进入一个网站时它的banner总是不同的，或者总有内容不同的提示（tips)，大家在网上浏览时会经常发现这样的例子。使用这种技术，不但能在一定的空间里放入更多的内容，还可以给人一种经常更新的假象喔～～～～～
怎么样心动了吧？其实只要你有一点点html和javascript的基础，一切都是这么简单。follow me,让我们来看看她随机的奥密。
●先让我们从一个简单的例子开始吧，平常我们在页面中加入图片都是用<img alt=你的图片注释 src="你的图片">来完成。如果我们要随机显示3张不同的图片就要对这句代码进行小小的修改，首先加入<script>标记：（调用javascript）
<script language=javascript></script>
○然后在这段标记内把<img alt=你的图片注释 src="你的图片">用document.write("")的型式放进去，就成了：
document.write("<img alt=你的图片注释 src=你的图片>")
○我们的每一张图片都对应了一个超链接，我们还是来假设一下如果你想要n张图片随机显示，1.jpg,2.jpg,3.jpg … n.jpg分别对应的链接是url1,url2,url3 … urln。
为了让图片和链接一一对应，我们要设置一个数组image来放置链接的地址，如下：
var image=new Array(n)
image.length=n //建立一个有n个存储单位图片数组image,当然，n是个具体数字。
image[1]="url1" //第一个数组对应的图片链接
image[2]="url2" //第二个数组对应的图片链接
image[3]="url3" //第三个数组对应的图片链接
……
image[n]="urln" //第n个数组对应的图片链接
○现在我们来完成最关建的一段：
id=Math.round(Math.random()*2)+1
//这是随机函数，不要告诉我你不认识这几个英文？呵呵，通过该函数，我们就可以让id（标记）为1，2，3…的图片随机显示。
○为了将与图片对应的链接取出来，我们还要定义一个数组imageurl=image[id]
○OK!完整的代码如下：
[url=http://bbs.netfriends.com.cn/thread-231863-1-3.html###][size=2][color=#800080][Copy to clipboard][/color][/size][/url]
CODE:
<script language=javascript>
var image=new Array(n)
image.length=n
image[1]="url1"
image[2]="url2"
image[3]="url3"
……
image[n]="urln"
id=Math.round(Math.random()*2)+1
imageurl=image[id]
document.write("<a href="bannerurl"><img alt=欢迎来到〖凉宫春日大冒险〗 src="+imageurl+">")
</script>
//小贴示：①a href="bannerurl",表示你希望点击图片时将会链接到的地址，bannerurl为该链接地址。
②<img alt=你希望将鼠标放在图片上出现的提示 src="+imageurl+">。
[color=#990099] §原理§当你的页面被读入时，该函数将取一个随机数，假设是2即id=2，然后我们可以看到：imageurl=image[2]而image[2]="url2"，那么如上我们可轻松的完成2.jpg在页面的显示。[/color]
[color=#ff0000]**************************** 第二部分*功能的实现 *****************************
[/color]
前面罗唆了这么多，想必心急的朋友早就不耐烦了吧，下面进入关键之关键内容：
[color=#660099] 点击"空间管理"->"我的模版"->选择你正在使用的模版，然后点"编辑"->"样式表"->在"CSS内容"所有代码的最底部把你改好的完整代码添加进去，当然还有一个非常关键的地方，必须在<script language=javascript>上面加上一段欺骗代码符号"[color=#ff0000] -->[/color] "（我也不知道该怎么称呼这个符号，），要是不加的话系统就不能识别你的代码，呵呵～最后提交就OK~回到空间任意页面多刷新几次～哇噻，简直酷毙了！！！[/color]
现在放出自己试验过完全成功的代码给大家参考，直接粘贴到我所说的地方提交就可以看到效果啦～～
[url=http://bbs.netfriends.com.cn/thread-231863-1-3.html###][size=2][color=#800080][Copy to clipboard][/color][/size][/url]
CODE:
-->
</style>
<script language=javascript>
var image=new Array(3)
image.length=3
image[1]="http://bbs.cpcw.com/blog/attachments/2006/08/2006806_9b7665fbbba6d6c53902553f6ab1f023.jpg"
image[2]="http://bbs.cpcw.com/blog/attachments/2006/08/2006809_bc69bcc3aa1b75ac1630571fb21849ed.jpg"
image[3]="http://bbs.cpcw.com/blog/attachments/2006/08/2006811_3ac522c702782419cf65218ba7ed009e.jpg"
id=Math.round(Math.random()*2)+1
imageurl=image[id]
document.write("<img alt=欢迎访问『凉宫春日大冒险』 src="+imageurl+">")
</script>
这只是一个简单的例子，还有许多的功能可以实现，比如，设定图片的显示机率等，请到原作者本人主页：http://www.avyes.com看看效果，当然，本人的空间没地方装下图片，故没有在偶的空间做例子，请大家见谅，最后还是欢迎大家到偶的空间做客：[url=http://lhrhero.myplaces.com.cn/][color=#0000ff]凉宫春日大冒险[/color][/url] 好，顶一下 看得懂就好 不懂也要顶:058
页:
[1]