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

Demo_随机显示图片

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

以下为详细代码

<!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开发表单input组件的一些规则说明自己预留使用; 利用正则替换生成html，经典的，可以用数组进行替换; 全站托管解决方案; 石家庄燕赵旅行社有限公司; 海韵幼儿园网站

共有0条关于《Demo_随机显示图片》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; uni.openLocation打开地图导航没反应解决方式（参数都设置对就是打不开）; 微信小程序开发中链接navigateTo与redirectTo的对比说明; 微信公众号生成带参数的二维码asp源码下载; 温州远方国际旅行社; 利用ASP正则查找文章里面的图片，然后在新窗口打开

更多标签热门标签

树型 ico cookies word-break XMLHTTP 学习 txt 留言板导航 blog flash 省市 jpg ie 点击指向十字键盘网页文件增高 display vb 焦点墙 dd 搜索引擎 Java flush 圆角压缩绝对管用的iis安装包下载破解防止 dl split 保留 submit 注册表经典淘宝固定 innerText 自适应滑动上下左右左右工作室关键词对象