Demo_随机显示图片 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

Demo_随机显示图片

蓝色理想 2008/11/17 19:44:48 admin 字体:大中小浏览 9809

以下为详细代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=zh-CN 
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Demo_随机显示图片</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Language content=zh-CN>
<META content=all name=robots>
<STYLE type=text/css>* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BODY {
	BACKGROUND: white; FONT: 12px 宋体, Verdana, serif, sans-serif; COLOR: black; TEXT-ALIGN: center
}
UL {
	LIST-STYLE-TYPE: none
}
#newsImg {
	MARGIN: 100px auto; WIDTH: 690px; TEXT-ALIGN: center
}
#newsImg UL {
	
}
#newsImg LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #ccc; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN-RIGHT: 10px; PADDING-TOP: 1px
}
#newsImg A {
	DISPLAY: block; WIDTH: 160px; HEIGHT: 110px
}
#newsImg IMG {
	DISPLAY: block
}
#newsImg SPAN {
	DISPLAY: block
}
#newsImg SPAN {
	BACKGROUND: #f7f7f7; WIDTH: 160px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
</STYLE>

<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<DIV id=newsImg>
<P>正在加载图片...</P></DIV>
<SCRIPT>

var ShowCount = 4;//显示数量
	var i;
	var str="";	
	var sImg = new Array();
	var sWord = new Array();
	var sLink = new Array();

sImg[0]="http://cimg2.163.com/cnews/2007/8/8/20070808151110c56a3.jpg";
	sWord[0]="百万市民晨练大行动";
	sLink[0]="#";
 
	sImg[1]="http://cimg2.163.com/cnews/2007/8/8/20070808143928b74c3.jpg";
	sWord[1]="变形金刚引发网络恶搞";
	sLink[1]="#";

sImg[1]="http://cimg2.163.com/cnews/2007/8/8/200708081400391b3bd.jpg";
	sWord[1]="少林武功震撼日本";
	sLink[1]="#";

sImg[2]="http://cimg2.163.com/cnews/2007/8/8/200708081107160c9d0.jpg";
	sWord[2]="顶尖高科技设计产品";
	sLink[2]="#";

sImg[3]="http://cimg2.163.com/cnews/2007/8/8/20070808104024c029b.jpg";
	sWord[3]="台风帕布袭击中国";
	sLink[3]="#";

sImg[4]="http://cimg2.163.com/cnews/2007/8/8/200708081042015a236.jpg";
	sWord[4]="六国军队鏖战车里";
	sLink[4]="#";

sImg[5]="http://cimg2.163.com/cnews/2007/8/8/20070808081842a9f33.jpg";
	sWord[5]="南亚洪灾近2500万人";
	sLink[5]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/20070807160434e9217.jpg";
	sWord[6]="伊朗首次公开绞刑";
	sLink[6]="#";
 
 	sImg[6]="http://cimg2.163.com/cnews/2007/8/7/20070807093857a48be.jpg";
	sWord[6]="天安门迎奥运倒计时一周年";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/2007080716440308de8.jpg";
	sWord[6]="姚明叶莉上海低调举行婚礼";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/20070807111517977a0.jpg";
	sWord[6]="法国总统赤膊怒斥记者偷拍";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/2007080710170873350.jpg";
	sWord[6]="乌鲁木齐广场体育休闲热潮";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/2007080710380313ed9.jpg";
	sWord[6]="和平使命军演首次实弹合练";
	sLink[6]="#";

for (var j=0;j<ShowCount ; j++)
	{

str += "<li><a href='" + sLink[Ro[j]] + "'><img src='" + sImg[Ro[j]] + "' /><span>" + sWord[Ro[j]] + "</span></a></li>";
	}
	str="<ul>" + str + "</ul>";
	document.getElementById("newsImg").innerHTML=str;
</SCRIPT>
</BODY></HTML>

前一页:超级经典一套鼠标控制左右滚动图片带自动翻滚

后一页:另一个省市二级关联select下拉菜单代码

相关阅读: uni-app基础知识事件传参（动态参数演示）; 绝对管用的Swishmax (Flash制作) 绿色特别版下载; 网页添加WhatsApp跳转链接教程; 计算ASP页面执行时间; IE中奇怪的左右border断线现象; 深山行者留言系统V3.2; 一次自动化批量处理服务器上几万张图片; 曲阜中侨国际旅行社有限公司

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 纯CSS制作的网页中的lightbox效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; 盐城市开心假日旅行社有限公司; uni-app实现tab选项卡; 设为首页代码; 丽江云杉旅行网

更多标签热门标签

max 进度动态策划复制设置 getElementById 显示器链接样式文字样式源码 iis ie 蓝色理想滑过返回万年历 li 深山行者V1.2旅行社网站管理系统方法选择符网站地图窗口 radio 验证事务后台颜色九宫格 Word 快捷左右 adobe list 高创业 table 载入小偷 position 关键字二级 ul 正则破解图片鎯 open 框数据库