求助在网页加一个图片切换效果代码问题
发布网友
发布时间: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&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...
怎么实现网页中自动切换图片的效果
将下面的代码复制到 内 <!-- ///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 >= 4) { count = 0; } } setInterval("go()", 1000);html代码图片一秒切换一次,arr配置需要切换的图片,arr1配置对应图片的alt属性,需要别的属性自己再增加数组