问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

求助在网页加一个图片切换效果代码问题

发布网友 发布时间:2022-04-26 00:14

我来回答

2个回答

热心网友 时间:2022-04-26 01:43

完整的代码, 保存为htm, 在同目录下建4个图片1\2\3\4 ,oK
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
MARGIN: 0px
}
.img {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
</STYLE>
<META content="MSHTML 6.00.2800.1515" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><A onmouseover="displayStatusMsg();return document.returnvalue"
href="javascript:jump2url()"><IMG class=img
style="FILTER: revealTrans(ration=2,transition=20)" height=270
src="4.jpg" width=520
name=bannerADrotator></A></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[1]="4.jpg";
bannerADlink[1]="progmain.asp?ProgID=7";
bannerAD[2]="3.jpg";
bannerADlink[2]="progmain.asp?ProgID=6";
bannerAD[3]="2.jpg";
bannerADlink[3]="progmain.asp?ProgID=5";
bannerAD[4]="1.jpg";
bannerADlink[4]="progmain.asp?ProgID=1";

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=1;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnvalue = true;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</SCRIPT>
<SCRIPT language=javascript>nextAd()</SCRIPT>
</TD></TR></TBODY></TABLE></BODY></HTML>

热心网友 时间:2022-04-26 03:01

用插入flash的方式比较普遍而且也很实用可以自定义图片不过要数据库支持才可替换图片(当然也可直接上传)详情见参考资料地址自己慢慢看吧里面有很多关于制作网页方面的素材都有演示实例很方便的我也是从哪学到的。

参考资料:http://ku-code.com/info_27_06.html

如何在一个网页上设置多张图片的切换效果

在css文件中添加样式代码:body{ background-image: url(背景图片的地址);background-repeat: no-repeat;background-position:50% 50% ;background-size:50% 50%;} background-repeat: no-repeat;表示背景图片不平铺。background-position:50% 50% ;表示背景图片居中显示。background-size:50% 50%...

网页如何切换图片网页如何切换图片格式

编写control.js文件的代码,如下所示 window.onload=function(){ varcontainer=document.getelementbyid(集装箱);varlist=document.getelementbyid(列表);varbuttons=document.getelementbyid(按钮).getElementsByTagName(span varpre=document.getelementbyid(prev varnext=document.getelementbyid(下一个);va...

制作网页怎样做图片切换效果?最好详细代码!

1、首先输入代码: 2、然后输入代码:

用js对html里面的图片进行交互(用js对html里面的图片进行交互操作)_百度...

2、首先我们创建一个简单的项目,如图所示包括html,css和img三个。这里是html文件,引入css和html代码文件,如图所示。这里是css文件代码,上面是div和图片显示的效果代码,后面是动画效果。3、bootstrap也提供轮播模板。自己写的话,假如放3张轮播图,pic1,pic2,pic3。创建一个ul,ul中放5张图片,...

如何在网页中写入多个自动切换图片的语句

试试这个图片切换 有12345数字一起切换 有小图大图一起切换 里面有教程和源码 参考资料:http://www.blueidea.com/common/shoutbox/redir.asp?3=u&amp;id=11341

在网页制作是如何实现图片切换

编写style.css文件,代码如下:{ margin:0px; text-decoration:none;} body{margin-top:50px;} container{width:600px; height:400px; position:relative;border:3px solid #333;overflow: hidden; margin:0 auto;} list{width:4200px; height:400px; position:absolute; z-index:1;} list ...

DW图片切换代码(特效,简单,容改)

将以下代码插入到你的网页你需要图片切换的地方 imgUrl1="img/1.jpg";(图片路径和图片名称,修改一下)imgUrl2="img/2.jpg";imgUrl3="img/3.jpg";imgUrl4="img/4.jpg";imgUrl5="img/5.jpg";var focus_width='400'(图片宽度)var focus_height='300'(图片高度)var text_height...

求DW网页多图片渐变显示代码,高手进~

方法一:渐变 var imgUrl=new Array();var imgLink=new Array();var adNum=0;var it=1;imgUrl[1]="1.jpg"; //图片的地址可任意张 imgUrl[2]="2.jpg";imgUrl[3]="3.jpg";imgUrl[4]="4.jpg";imgUrl[5]="5.jpg";imgUrl[6]="6.jpg";imgUrl[7]="7.jpg";var imgPre...

怎么实现网页中自动切换图片的效果

将下面的代码复制到 内 &lt;!-- ///change number of images below var number_of_images=3 //change speed below (in seconds)var speed=3 var step=1 var whichimage=1 function slideit(){ if (!document.images)return if (document.all)slide.filters.blendTrans.apply()document.images...

谁有网页中图片切换的代码,最好是js的,我试过通过改变src还有数组结合...

count &gt;= 4) { count = 0; } } setInterval("go()", 1000);html代码图片一秒切换一次,arr配置需要切换的图片,arr1配置对应图片的alt属性,需要别的属性自己再增加数组

图片切换代码html5 网站代码基本代码 网页代码 怎么查看网页代码 简单网页代码 怎么打开网页的源代码 怎么查看网页的源代码 查看网页代码源 html网页代码大全
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
东阳市昊天智能科技有限公司怎么样? 从深圳坐火车来广州,那是到广州站还是广州东西南站还是什么 广州有几个火车站,听朋友说有东西南北站,那白云区三元里这个火车站又... 我想问一下微波炉能烤面包片吗? 人口稠密的原因是 通电延时继电器的工作原理? 显卡什么牌子好呢? 湖北美术学院有动画系吗 去驾校报名需要了解什么 驾校选择的三个要点 什么是汇率的点差 人民币汇率 某日 升值100点,100点是什么意思? 苹果5s可以使用电信卡嘛 求下载郑少秋-大时代过客-粤语-948223.mpg种子的网址谢恩公! 六年级的more care for others 作文 机顶盒模块异常1 广州一德路玩具批发中心怎么去 我从佛山出发 最好详细点麻烦告诉我 广州南站到玩具批发有多远 想做玩具批发 不知道哪里拿货! 广州荔湾玩具批发市场的毛绒玩具批发怎么样? 佛山是否有整蛊玩具批发 请问广州和佛山地区哪里有万代的模型和玩具批发或直销,要便宜一点的,谢谢 步步高音乐手机(176*220)主题下载 请问南海大沥哪里有儿童玩具批发? 各位高手:帮帮忙吧:小米手机 音乐 主题风格 还有应用超市不能下载 创意玩具和概念玩具批发市场 英特尔赛场e3300处理器超频步骤 你好 请问佛山罗村有没有批发玩具的 佛山南海大沥哪里可以摆地摊?都有哪些,怎么走?还有大的玩具批发市场有那几个?麻烦高人指点,感激不尽 佛山市最大的玩具批发市场在那里..离大 人民币兑美元汇率200点什么意思 学维修手机需要多少钱 怎么找到微信群并加入 手机学徒怎么收费?屏、主板、芯片(整修学习) 私人订制聊天室手机 做一个交友网站,功能有个人空间,聊天,站内信,具体需要多少钱? 哪个心理交流网站保密性比较好或个人可以聊天 我需要一个心理医生倾诉 个人网站可以做交互式也面网站,例如论坛、评论、聊天、留言板 CISCO 5510端口映射 请问一个 cisco 5510的问题 cisco 5510-k8 端口映射的详细步骤 思科5510 增加端口映射,出现错误!寻找高手如何更改 Cisco 5510 如何 打开1119&#47;3724这2个端口,傻瓜级的详细步骤,怎么打开后台设置开始。 CISCO5510如何做端口映射(希望帮忙给出详细步骤) CISCO 5510 ASA的配置问题,现在只可以访问到5510,不能访问内网,无法连接内网的机器怎么解决啊! 在思科5510上不能ping不通inside电脑 思科 5510 端口映射,把192.168.11.63:8888 映射到*上,求给一个具体的详细步骤! 人保车险苏州公司地址 南昌人保车险公司地址在哪里 从懒人图库下载FLASH 3D BANNER展示代码怎么运用到自己网页中去?需要更改哪些?