<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>随机显示图片</title>
<style type="text/css">
*{margin:0;padding:0;}
img{border:0;}
body {color:black;background: white;font:12px 宋体, Verdana, serif, sans-serif;text-align:center;}
ul {list-style:none;}
#newsImg {width:690px;text-align:center;margin:100px auto;}
#newsImg ul{}
#newsImg li{float:left;margin-right:10px;padding:1px;background:#CCC;}
#newsImg a{display:block;width:160px;height:110px;}
#newsImg img,#newsImg span{display:block;}
#newsImg span {height:20px;line-height:20px;background:#f7f7f7;width:160px;}
</style>
</head>
<body>
<div id="newsImg">
<p>正在加载图片...</p>
</div>
<script type="text/javascript" src="news.js"></script>
</body>
</html>
JS部分参考附件。
效果图:

分享到:
相关推荐
在IT领域,随机显示图片代码是一项常见的需求,特别是在网页设计或者动态内容展示中。这个"随机显示图片代码.zip"文件包含了一些实现这一功能的关键元素。接下来,我们将详细探讨这一技术及其相关知识点。 首先,`...
php程序随机显示图片 $handle = opendir('./'); //当前目录 while (false !== ($file = readdir($handle))) { //遍历该php文件所在目录 list($filesname,$kzm)=explode(".",$file);//获取扩展名 if ($kzm=="gif" or ...
在这个特定的场景中,"asp.net随机显示图片源码"指的是一个ASP.NET应用程序,它能根据某种随机逻辑来展示不同的图片。这种功能在很多网站上都有应用,例如用于头像轮换、广告切换或者验证码生成等。 首先,要实现这...
4. **刷新效果**:如果需要每次页面刷新都能显示不同的图片,可以在页面加载事件中运行随机显示图片的代码。 以上就是ASP中实现多文件上传、图片布局以及随机显示图片的基本步骤和关键技术点。在实际应用中,还需要...
在ASP中实现随机显示图片的功能,是网站设计中常见的一种需求,通常用于轮播图、随机背景或者随机头像等场景。下面将详细介绍如何在ASP中编写代码来实现这个功能。 首先,我们需要一个包含图片路径的数组或列表。...
在JavaScript编程领域,随机显示图片脚本是一种常见的需求,它被广泛应用于网页设计,比如轮播图、背景图片切换等场景。这篇脚本的核心在于如何利用JavaScript的随机数生成功能来实现图片的动态选择和展示。现在,...