极品桌面极品CG红豆SKIN
加载中...
爆笑网文网页制作精妙网文冲浪宝典软件教学操作系统安全防御小说连载

ASP技术

ASP.Net

网页技术

数据库类

网站相关

XML

JSP编程

建站经验

PHP技术

MS SQL

一些珍藏的网页特效代码
DreamWeaver超
CI形象设计
蚁盟的假权威和假如我是蚁
善用色彩设计网页
HTML中小meta的大
网站设计65条原则
怎样设计网页
搭配的艺术--谈主页用色
创建优秀网页的6个好习惯
LOGO介绍
为你的网页加一个Load
嵌入式Web视频点播系统
网站鼠标变变变
基于Web的系统测试方法
当前位置:极品网文-> 网页制作-> 网页技术-> 浏览文章[双击自动滚屏]
图片或banner的随机显示
作者:未知 来源:未知 添加时间:2003年5月6日
如果你的主页中需要随机显示图片或者链接banner,你该怎么实现呢?



下面是一个随机显示五条Banner的代码,你可以自己定义的。

<script language=&#106avascript>

var m=5; //共几个Banner随机显示

var n=Math.floor(Math.random()*m+1)

switch(n)

{

case 1:

document.write('Banner1的HTML');

break;

case 2:

document.write('Banner2的HTML');

break;

case 3:

document.write('Banner3的HTML');

break;

case 4:

document.write('Banner4的HTML');

break;

case 5:

document.write('Banner5的HTML');

break;

}

</script></JS>



如果一些如广告类的图片上需要加入相应的连接呢?那么代码仍然大同小异:

<JS>

<SCRIPT LANGUAGE="&#106avascript">

<!-- Begin

var how_many_ads = 3;

var now = new Date()

var sec = now.getSeconds()

var ad = sec % how_many_ads;

ad +=1;

if (ad==1) {

txt="banner01";

url="http://www.chinavisual.com/banner01";;;

alt="banner01";

banner="image/banner01.gif";

width="468";

height="60";

}

if (ad==2) {

txt="banner02";

url="http://www.chinavisual.com/banner02";;;

alt="banner02";

banner="image/banner02.gif";

width="468";

height="60";

}

if (ad==3) {

txt="banner03";

url="http://www.chinavisual.com/banner03";;;

alt="banner03";

banner="image/banner03.gif";

width="468";

height="60";

}

document.write('<center>');

document.write('<a href="' + url + '" target="_top">');

document.write('<img src="' + banner + '" width=')

document.write(width + ' height=' + height + ' ');

document.write('alt="' + alt + '" border=0><br>');

document.write('<small>' + txt + '</small></a>');

document.write('</center>');

// End -->

</SCRIPT>





这个其实不是绝对的随机显示,是读取当时系统时间的秒,然后求余,模拟的一个随机显示,不明白为什么网上有好多用这种方法,钟钟不赞成这种方法,因为取一个真正的随机数并不难。别外,最好用switch语句,用N条if语句显得有点儿笨。


...
返回页面顶端
[返回上一页] [打印本文] [加入收藏]
页面最后更新时间:2009年2月4日
上一篇:让QQ在IE工具栏上安家落户
下一篇:网页配色颜色表2(推荐)
相关文章