• 全部

求能分别设置每张图片显示时间的图片轮显代码

allenxia 2008-03-23 12:54:15
如题,网上大多是统一时间的,谁能帮我找找,谢谢了~~
...全文
1335 点赞 收藏 9
写回复
9 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
Dogfish 2008-03-23
这个在IE6测试过



<script type="text/javascript">

var obj=document.getElementById;

var currentAd=0;

var adTimer;

var baseurl="";//广告图片的根目录

var maxinfo=18;//信息栏可显示的最长字数

var adDelay=3000;//广告切换时间

var controlItemId="controlitem";//根据自己的页面为跟踪条取ID前缀

var mapcolor="#003366";//Ad跟踪条颜色，建议与信息栏的a:hover一样

var imglink=new Array();

imglink[0]=new Array("http://cimg2.163.com/catchpic/6/63/6388CA6FF0494230431E385DAADC0AEC.jpg","你的链接1","Pic1","图片注释1",1000) //自定义时间在这。

imglink[1]=new Array("http://www.csdn.net/Images/logo_csdn.gif","你的链接2","花树","图片注释2",2000)

imglink[2]=new Array("http://www.tom.com/images/logo.gif","你的链接3","单眼皮狼","图片注释3",3000)

imglink[3]=new Array("http://sports.tom.com/uldf/2008/0323/liangzhuochao/12051135687-3.jpg","你的链接4","小咪","图片注释4",4000)

imglink[4]=new Array("http://ent.tom.com/uldf/2008/0323/tanweiwei/10280.jpg","你的链接5","乎乎","图片注释5",5000)

imglink[5]=new Array("http://lady.tom.com/uldf/2008/0323/panwei/109240.jpg","你的链接6","乎乎","图片注释6",6000)

for(i=0;i<imglink.length;i++)

{

    if(imglink[2].length<maxinfo)

		imglink[3]=imglink[2];

    else 

		imglink[3]=imglink[2].substring(0,maxinfo-3)+"...";

}

</script>





<body>

<div id="adBox">

<div class="imgBox">

	<img src="http://cimg2.163.com/catchpic/C/C1/C1BADB7FE919ACE341C246B69C130B16.jpg" alt="" name="show" id="show" /></div>

	<div id="pictitle"></div>

</div>





<script type="text/javascript">

function changeImg()

{

   obj("show").src=baseurl+imglink[currentAd][0];

   obj("pictitle").innerHTML="<a href='"+imglink[currentAd][1]+"' title='"+imglink[currentAd][2]+"'>"+imglink[currentAd][3]+"</a>";

   currentAd++;

   currentAd=(currentAd==imglink.length)?0:currentAd;

   adDelay=imglink[currentAd][4];

   adTimer=setTimeout("changeImg()",adDelay);

}

changeImg();



obj("pictitle").onmouseover=function(){clearTimeout(adTimer)};

obj("pictitle").onmouseout=function(){adTimer=setTimeout("changeImg()",adDelay)};

</script>
回复 赞
allenxia 2008-03-23
感谢chinmo的代码，我正在修改您给的代码。
 回复 赞
一把编程的菜刀 2008-03-23
呵呵，我写了一个很经典的，一会上传到资源下载库去
 回复 赞
一把编程的菜刀 2008-03-23
 <HTML>

 <HEAD>

 <SCRIPT LANGUAGE="JavaScript">

 function doTimer()

 {

  setTimeout("write1();", 2000);

 }

 function write1()

 {

  img.innerHTML="<a href='http://www.myezlife.com/cnstar.php?cid=7'><img src='http://www.myezlife.com/images/index/home_banner1.gif' border='0'/></a>";

  setTimeout("write2();", 2000);

 }



function write2()

 {

  img.innerHTML="<a href='http://www.myezlife.com/augury.php?catid=17'><img src='http://www.myezlife.com/images/index/index_banner2.gif' border='0'/></a>";

    setTimeout("write3();", 3000);

 }



function write3()

 {

  img.innerHTML="<a href='http://www.myezlife.com/augury.php?catid=17'><img src='http://www.myezlife.com/images/index/index_banner2.gif' border='0'/></a>";

  doTimer();

 }

 doTimer();

 </SCRIPT>

 </HEAD>

 <BODY>

 <div id="img"></div>

 </BODY>

 </HTML>


这个也可以
图片的
 回复 赞
一把编程的菜刀 2008-03-23
这个是文字的，你可以直接改成图片的
<HTML> 

<style> 

<!-- 

#ticker 

{ 

  width:800px; 

  line-height:1.2em; 

  background-color:lightblue; 

} 

--> 

</style> 

<script language="JavaScript1.2"> 

//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)//设置内容显示 

var tickercontents=new Array() 

tickercontents[0]='See what\'s New at Dynamic Drive. <a href=http://www.alixixi.com">[Read more]</a>' 

tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href=http://www.alixixi.com/down/">[Read more]</a>' 

tickercontents[2]='Link back to Dynamic Drive! <a href=http://www.alixixi.com/dev/">[Read more]</a>' 



//configure the below variable to determine the delay between ticking of messages (in miliseconds//设置延迟时间 

var tickdelay=3000 



////Do not edit pass this line//////////////// 



var currentmessage=0 



function changetickercontent(){ 

ticker.innerHTML=tickercontents[currentmessage]

 



if (currentmessage==tickercontents.length-1) currentmessage=0 

else currentmessage++ 

tickdelay=parseInt(tickdelay)+parseInt(currentmessage)*1000

//alert(tickdelay);

ticker1.innerHTML=tickdelay; 

setTimeout("changetickercontent()",tickdelay) 

} 



function start_ticking(){ 

  changetickercontent() 

} 



window.onload=start_ticking 

</script> 

<div id="ticker"left=0 top=0></div> 

<div id="ticker1"left=0 top=0></div>

</HTML>
 回复 赞
hy_lihuan 2008-03-23
up
 回复 赞
allenxia 2008-03-23
谢谢dogfish的详细回答，不过上述代码调试的时候出现错误，能给我调试一下吗？

另外能不能实现在这个基础上加一个背景音乐的功能，例如在图片1设置有背景音乐1，图片4设置有背景音乐2，当打开页面，图片由1轮显到3的时候一直放音乐1，到图片4的时候切换到音乐2.能否实现这样的功能？
 回复 赞
Dogfish 2008-03-23
修改自http://bbs.kejicun.com/thread-1530-1-1.html上的代码。没有测试过。



<script type="text/javascript">

var obj=document.getElementById;

var currentAd=0;

var adTimer;

var baseurl="http://bbs.kejicun.com/attachments/";//广告图片的根目录

var maxinfo=18;//信息栏可显示的最长字数

var adDelay=3000;//广告切换时间

var controlItemId="controlitem";//根据自己的页面为跟踪条取ID前缀

var mapcolor="#003366";//Ad跟踪条颜色，建议与信息栏的a:hover一样

var imglink=new Array();

imglink[0]=new Array("MOmo_dvA64k8KFVbF.jpg","#","MOMO","",1000) //自定义时间在这。

imglink[1]=new Array("6Iqx5qCR_e3IXxAK07FKm.jpg","#","花树","",2000)

imglink[2]=new Array("5b2i6LGh54WnMQ==_UvNZTw9LPKfb.jpg","#","单眼皮狼","",3000)

imglink[3]=new Array("5ZKq6Lev6JWD6A==_mHbaIHxQNZIj.jpg","#","小咪","",4000)

imglink[4]=new Array("shahuhu_GdoK9xPx9OaR.jpg","#","乎乎","",5000)

imglink[5]=new Array("shahuhu_GdoK9xPx9OaR.jpg","#","乎乎","",6000)

for(i=0;i<imglink.length;i++){

    if(imglink[2].length<maxinfo)imglink[3]=imglink[2];

        else imglink[3]=imglink[2].substring(0,maxinfo-3)+"...";}

</script>






<body>

<div id="adBox">

<div class="imgBox"><img src="http://bbs.kejicun.com/attachments/shahuhu_GdoK9xPx9OaR.jpg" alt="" name="show" id="show" style="filter: progidXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=forward);" /></div>

<div id="control"></div>

<div id="info"></div>

</div>





<script type="text/javascript">

for(i=0;i<imglink.length;i++)

{

	var itemBox=document.createElement();

  	itemBox.innerHTML="<div id='"+controlItemId+i+"'>"+(i+1)+"</div>";

  	control.appendChild(itemBox);

}

var controlItem=obj("control").getElementsByTagName("div");

function changeImg()

{

   obj("show").filters[0].apply();

   obj("show").src=baseurl+imglink[currentAd][0];

   obj("show").filters[0].play();

   obj("info").innerHTML="<a href='"+imglink[currentAd][1]+"' title='"+imglink[currentAd][2]+"'>"+imglink[currentAd][3]+"</a>";

   for(i=0;i<controlItem.length;i++)

   {

      controlItem.style.backgroundColor=(i==currentAd)?mapcolor:"#666666";

	 }

   currentAd++;

   currentAd=(currentAd==imglink.length)?0:currentAd;

   adDelay=imglink[currentAd][4];

   adTimer=setTimeout("changeImg()",adDelay);

}

changeImg();

for(i=0;i<controlItem.length;i++)

{

   controlItem.onclick=function()

   						{

					      clearTimeout(adTimer);

					      currentAd=parseInt(this.id.substring(this.id.length-1,this.id.length));

				          changeImg();

						 };

}

obj("info").onmouseover=function(){clearTimeout(adTimer)};

obj("info").onmouseout=function(){adTimer=setTimeout("changeImg()",adDelay)};

</script>
回复 赞
一把编程的菜刀 2008-03-23
JS代码：
var NowImg = 1;

var bStart = 0;

var bStop =0;

var ystime=4000;

function fnToggle() 

{

	var next = NowImg + 1;



	if(next == MaxImg+1) 

	{

		NowImg = MaxImg;

		next = 1;

	}

	if(bStop!=1)

	{



		if(bStart == 0)

		{

			bStart = 1;		

			setTimeout('fnToggle()',ystime);

			dd.innerHTML=ystime; 

			return;

		}

		else

		{

			oTransContainer.filters[0].Apply();



			document.images['oDIV'+next].style.display = "";

			document.images['oDIV'+NowImg].style.display = "none"; 



			oTransContainer.filters[0].Play(duration=2);



			if(NowImg == MaxImg){ 

				NowImg = 1;

				ystime=4000;

				dd.innerHTML=ystime; 

				}

			else{

				NowImg++;

				ystime=4000+(parseInt(NowImg)-1)*1000;

				dd.innerHTML=ystime;

				}

		}

		setTimeout('fnToggle()', ystime);

	}

}





function toggleTo(img)

{

	bStop=1;

	if(img==1)

	{

			document.images['oDIV1'].style.display = "";

			document.images['oDIV2'].style.display = "none"; 

			document.images['oDIV3'].style.display = "none"; 

			document.images['oDIV4'].style.display = "none"; 

	}

	else if(img==2)

	{

			document.images['oDIV2'].style.display = "";

			document.images['oDIV1'].style.display = "none"; 

			document.images['oDIV3'].style.display = "none"; 

			document.images['oDIV4'].style.display = "none"; 

	}

	else if(img==3)

	{

			document.images['oDIV3'].style.display = "";

			document.images['oDIV1'].style.display = "none"; 

			document.images['oDIV2'].style.display = "none"; 

			document.images['oDIV4'].style.display = "none"; 

	}

	else if(img==4)

	{

			document.images['oDIV4'].style.display = "";

			document.images['oDIV1'].style.display = "none"; 

			document.images['oDIV2'].style.display = "none"; 

			document.images['oDIV3'].style.display = "none"; 

	}



}


html代码：
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>无标题文档</title>

<SCRIPT src="js/article.js"></SCRIPT>

<link href="css/css.css" rel="stylesheet" type="text/css">

</head>

<body>

<table width="312" border="0" align="center" cellpadding="0" cellspacing="0" class="solidbox">

  <tr>

    <td width="312" height="312" align="center"><TABLE border=0 align="center" cellPadding=0 cellSpacing=0>

      <TBODY>

        <TR>

          <TD><DIV id=oTransContainer 

            style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 220px; HEIGHT: 194px"><A 

            href="http://www.myziy.com" 

            target=_blank><IMG id=oDIV1 

            style="DISPLAY: yes;"

            height=300 src="images/01.jpg" 

            width=300 border=0></A><A 

            href="http://www.myziy.com" 

            target=_blank><IMG id=oDIV2 

            style="DISPLAY: none;"

            height=300 src="images/02.jpg" 

            width=300 border=0></A><A 

            href="http://www.myziy.com" 

            target=_blank><IMG id=oDIV3 

            style="DISPLAY: none;"

            height=300 src="images/03.jpg" 

            width=300 border=0></A><A 

            href="http://www.myziy.com" 

            target=_blank><IMG id=oDIV4 

            style="DISPLAY: none;"

            height=300 src="images/04.jpg" 

            width=300 border=0></A></DIV>

          </TD>

        </TR>

      </TBODY>

    </TABLE></td>

  </tr>

  <tr>

    <td height="22" align="right" valign="top"><script>var MaxImg = 4; fnToggle();</script>

      <TABLE cellSpacing=1 cellPadding=0 width=110 

              border=0>

      <TBODY>

        <TR>

		<td width="100"><div id="dd"></div></td>

          <TD width=26><A href="javascript:toggleTo(1)"><IMG height=15 

                  src="images/s_1.gif" width=17 

                  border=0></A></TD>

          <TD width=26><A href="javascript:toggleTo(2)"><IMG height=15 

                  src="images/s_2.gif" width=17 

                  border=0></A></TD>

          <TD width=26><A href="javascript:toggleTo(3)"><IMG height=15 

                  src="images/s_3.gif" width=17 

                  border=0></A></TD>

          <TD width=27><A href="javascript:toggleTo(4)"><IMG height=15 

                  src="images/s_4.gif" width=17 

                  border=0></A></TD>

        </TR>

      </TBODY>

    </TABLE></td>

  </tr>

</table>



</body>

</html>

CSS代码：
td {font-size: 12px;}

.solidbox {

	BORDER-TOP: #D7D7D7 1px solid; 

	BORDER-RIGHT: #D7D7D7 1px solid; 

	BORDER-BOTTOM: #D7D7D7 1px solid;

	BORDER-LEFT: #D7D7D7 1px solid; 

}
 回复 赞
相关推荐
windows服务器挖矿病毒手动查杀方法 windows服务器2018年6月份挖矿病毒手动查杀方法，表现为cpu占用高，远程桌面登录看不到桌面，HA经常无故来回切换
HTML5经典中文教程大全-从入门到精通-含html5案例代码 HTML5经典中文教程大全 html5从入门到精通 含html5案例代码 HTML 5结构元素 这真是大快人心。目前，我们定义结构只能通过一个“万能”的div, 试图通过设置它的特性id的值如header, footer, sidebar等来分别表达头部，底部或者侧栏等。有了它们，代码编写者不再需要为id的命名费尽心思，对于手机、阅读器等设备更有语义的好处。HTML 5增加了新的结构元素来表达这些最常用的结构：
wincc 6.0 sp3授权 wincc共享资源，希望在工作上可以帮到你。
非常好验证码自动识别代码-C# OCR光学识别数字识别率达100 可用的验证码自动识别 非常好验证码自动识别代码-C# OCR光学识别数字识别率达100 自动识别邮政快递EMS验证码 自动识别顺风快递验证码
(亲测正确版)ASP.NET-c#-捕捉网页快照-网站截图-网站缩略图 (亲测正确版)ASP.NET-c#-捕捉网页快照-网站截图-网站缩略图 ★★★★★★★★★★★★★★★★★★★★★★★★★★★ 建立网站缩略图源码 网页快照ASP.NET网站截图 网页快照ASP.NET c# 输入网址获取网站图片 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 网上流传了很多网站缩略图的asp.net,但是都无法使用，本人亲测，该代码进行优化，速度快，效率高，占内存非常少。
STM8L中文参考手册1-4全 1 中央处理单元（CPU） 。30。 1.1 引言 30 1.2 CPU 的寄存器。30。 1.2.1 描述 CPU 寄存器。..。30 1.2.2 STM8 CPU 寄存器图....34
RK 从SD卡更新LCD屏幕参数的说明 RK 从SD卡更新LCD屏幕参数的说明
IOS HSB ColorPicker 请看我的博客 基于HSB 颜色空间 的颜色选择器控件
Winfrom通用权限管理系统 Winfrom框架，动态生成菜单界面，附带数据库。纯手写，仅供学习参考，希望.net 程序员越来越好。 博客地址：https://blog.csdn.net/zzzzzzzert 有问题留言，互相学习交流
linux网络内核书合集05 本合集是本人搜集的关于linux网络内核的书籍，都是经典，包含：（1）Linux网络体系结构：Linux内核中网络协议的设计与实现.chm （2）Linux网络内核分析与开发.pdf （3）嵌入式Linux网络体系结构设计与TCP／IP协议栈.pdf （4）深入理解LINUX网络技术内幕.pdf 第一本是英文版chm格式，其余三本均为中文版，扫描清晰
linux网络内核书合集03 本合集是本人搜集的关于linux网络内核的书籍，都是经典，包含：（1）Linux网络体系结构：Linux内核中网络协议的设计与实现.chm （2）Linux网络内核分析与开发.pdf （3）嵌入式Linux网络体系结构设计与TCP／IP协议栈.pdf （4）深入理解LINUX网络技术内幕.pdf 第一本是英文版chm格式，其余三本均为中文版，扫描清晰
校园共享单车信息管理系统 实现了用户登录，用户注册，个人信息管理，用户单车预订，单车归还，交付押金，订单查询，在线投票和论坛等模块。
Activiti 工作流入门到大神 什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) 什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) QQ:362969068
GhostScript GhostScript
OpenGL 课程涵盖了OpenGL开发的方方面面,对开发中经常用到的开发知识点进行讲解,从实战的角度进行编码设计. 第1章-环境建立 第2章-基础图元 第3章-三维世界 第4章-纹理多彩世界 第5章-显存的分配-优化 第6章-场景控制 第7章-光照-真实世界 第8章-模型 第9章-UI制作 第10章-场景编辑器制作 第11章-地形 第12章-脚本引入-lua 教程从最最本的固定管线开始,一节课一个知识点,从实战的角度出发,结合项目开发中经常用到的知识点作深入的讲解,以面向对象的编成方式对知识点进行封装,可以直接引入到项目中使用.通过课程的学习,掌握OpenGL图形编程技巧,并能学以致用.
Hibernate4视频教程_全面来袭 本Java视频教程基于 Hibernate4.x 录制。内容涵盖安装 Hibernatetools 插件、Session 核心方法、持久化对象生命周期、对象关系映射（1-n、1-1、n-n、继承映射）、检索策略、检索方式（对象导航图、OID 检索、HQL、QBC、本地SQL）、Hibernate 一\二级缓存、管理 Session、批量处理等 Hibernate 企业级开发的核心技术。 本Java视频教程将帮助掌握学习者编写出具有合理的软件架构，以及好的运行性能和并发性能的实用 Hibernate 应用。Java视频教程内容注重理论与实践相结合，列举大量具典型性和实用价值的 Hibernate应用实例，并提供详细的开发和部署步骤。
win7/8/10 CSF文件专用播放器——科健csf播放器 很多人反馈在win10下无法正常播放csf文件，附件中为科健最新CSF文件播放器，可以支持Windos7/8/10 系统，可以在win10下正常播放
《无人驾驶车辆模型预测控制》电子书+matlab全代码 详细介绍了应用模型预测控制理论进行无人驾驶车辆控制的基础方法，结合运动规划与跟踪实例详细说明了预测模型建立、方法优化、约束处理和反馈校正的方法，给出了Matlab仿真代码和详细图解仿真步骤。
WPF自定义LED风格数字控件 WPF自定义LED风格数字控件
离散点数据插值方法及等值线绘制技术的应用 根据离散点数据插值到矩形网格点的几种方法，着重阐述了矩形网格化的距离加权最小二乘插值方法
windchill11 管理员配置 windchill 11 管理员操作文档，系统管理员配置文档 。
C#文件读写替换行-读取和替换任意行 C#文件读写替换行-读取和替换任意行 C#文件 读写替换行 读取替换 任意行
全国车牌号归属地-2019.json 全国车牌号归属地-2019.json
C#监控磁盘空间 监控磁盘空间大小，可以在appconfig配置监控时间间隔，已经剩余多少G的时候发送邮箱警报，邮箱也是通过appconfig配置
KNN算法实现手写数字识别的三种方法（源码） KNN算法使用MNIST数据集、0-1二值图集、自写的数字图片集，做手写数字识别的代码，文件夹分类明确。
掌握JQuery视频教程 JQuery是一个优秀的JavaScript库。它是轻量级的JS库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）,是我们编写JavaScript的利器！ 适合对象： 需要大量编写JavaScript的朋友 学习条件： 必须掌握HTML、CSS、JavaScript、dom
非线性回归代码实现.py 非线性回归实现
linux网络内核书合集02 本合集是本人搜集的关于linux网络内核的书籍，都是经典，包含：（1）Linux网络体系结构：Linux内核中网络协议的设计与实现.chm （2）Linux网络内核分析与开发.pdf （3）嵌入式Linux网络体系结构设计与TCP／IP协议栈.pdf （4）深入理解LINUX网络技术内幕.pdf 第一本是英文版chm格式，其余三本均为中文版，扫描清晰
IE11离线升级包+所需补丁 win7 32位 win7 32位系统离线状态升级ie，包含ie11脱机安装程序及所需补丁，先安装所有补丁后重启，再安装ie11脱机程序包，重启后会发现ie11已完成升级，全程可离线，无需另外下载更新包
access 小型ERP管理系统 学习ACCESS的开始，一个不错的学习例子！
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

35.7w+

社区内容

ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
申请成为版主
帖子事件
创建了帖子
2008-03-23 12:54
社区公告
暂无公告