qq群通话加入:关于网页制作的问题!!

来源:百度文库 编辑:高校问答 时间:2024/04/18 20:48:58
请问各位对网页制作有所了解的朋友们,要在一个层里面插入几张图片,让它们按顺序淡入淡出的效果应该怎么做啊?
还有,为什么我做的"图象滚动浏览"总是只浏览一遍就不动了呢?怎样才能使它循环滚动啊?
谢谢各位帮忙啊!!!

建议你把那几张图片做成GIF动画再放进去.
在GIF动画里做淡入淡出容易.

在代码里加 loop=-1
就可以循环液动.

这就是一个 特效啊 你复制下面的
script到网页就行了,或者你做个 FLASH 插入到网页也很简单

<head>
<script language=JavaScript>
//more javascript from http://www.webjx.com
var imgUrl=new Array();
var imgLink=new Array();
var imgTz=new Array();
var adNum=0;
imgUrl[1]="http://www.webjx.com/img/200406301.jpg";
imgLink[1]="http://www.webjx.com";
imgTz[1]="<a href=#><font color=white>文字链接内容一</font></a>";

imgUrl[2]="http://www.webjx.com/img/200406302.jpg";
imgLink[2]="http://www.webjx.com";
imgTz[2]="<a href=#><font color=white>文字链接内容二</font></a>";

imgUrl[3]="http://www.webjx.com/img/200406303.jpg";
imgLink[3]="http://www.webjx.com";
imgTz[3]="<a href=#><font color=white>文字链接内容三</font></a>";

var j=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}

function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}

var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;

if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=6;
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
document.getElementById('jdtz').innerHTML=imgTz[adNum];

theTimer=setTimeout("nextAd()", 6000);
}

function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
</head>
<body>
<table><tr><td> <a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20); border=0" src="javascript:nextAd()" width=150 height=100 border=0 name=imgInit></a> </td></tr><tr><td id=jdtz bgcolor="blue"></td></tr></table>
</body>

你要先选好路径然后再点播放,和循环

我来回答你提出的第二个问题:你说的图片滚动应该是用了<marquee>了吧
<marquee>中的 loop=n 把n设为任意自然数即可

请看下面这段代码

<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top
bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10
onmouseover=this.stop() onmouseout=this.start()>
此处输入滚动内容
</marquee>

现在让我们来具体分析一下

direction表示滚动的方向,值可以是left,right,up,down,默认为left,一般公告用left或up
behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop表示循环的次数,值是正整数,默认为无限循环
scrollamount表示运动速度,值是正整数,默认为6
scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒
align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
ok……:)