您好!欢迎您光临用代码自制幻灯图片_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>用代码自制幻灯图片
用代码自制幻灯图片
发表日期:2007/6/2 23:18:00 出处:老卒B站 作者:梅森 发布人:hsb345 已被访问 1882

 用代码自制幻灯图片

 

    在网页编辑HTML(本网站是在“查看HTML源代码”前的大口框中用鼠标点一下,出现一个小勾勾)状态下,将以下代码粘贴,其中图片地址可换为自己的,宽和高(如代码中的400和370)可根据图片本来大小设置,上面的两个数字是表格大小(运用表格主要是为了更好地稳定内容在网页中的位置和统一图片的大小),下面的两个数字是图片大小。代码贴好后,切换到可视状态(本网站是用鼠标在大口框再点一下,小勾勾消失),加上标题,选择分类,署上你的作者名,OK!可以发表了!(请注意,代码中的参数除上述可以更换你自己的外,其余代码切切不要随意改写)

<DIV align=center>
<TABLE id=table1 borderColor=#000000 height=400 cellSpacing=0 cellPadding=0 width=370 border=1 bgcolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center>
<IMG id=box style="FILTER: progid:DXImageTransform.Microsoft.Strips(motion=leftup)" height=400 src="http://image.mop.com/bbspic/qy/2006/1109/30-1-16773-1-8-124-20061109143323_w650.jpg" width=370 align="middle">
<SCRIPT language=JavaScript>
<!--
if (document.all){
pics=new Array("http://image.mop.com/bbspic/qy/2006/1109/30-1-16774-1-8-124-20061109143324_w650.jpg",
"http://image.mop.com/bbspic/qy/2006/1109/30-1-16775-1-8-124-20061109143325_w650.jpg",
"http://image.mop.com/bbspic/qy/2006/1109/30-1-16776-1-8-124-20061109143327_w650.jpg",
"http://image.mop.com/bbspic/qy/2006/1109/30-1-16777-1-8-124-20061109143328_w650.jpg",
"http://image.mop.com/bbspic/qy/2006/1109/30-1-16778-1-8-124-20061109143329_w650.jpg",
"http://image.mop.com/bbspic/qy/2006/1109/30-1-16779-1-8-124-20061109143330_w650.jpg",
"http://image.mop.com/bbspic/qy/2006/1109/30-1-16776-1-8-124-20061109143327_w650.jpg")//复制图片代码可以加更多图片
//欢迎光临老卒B站www.meisen531.com
delay=4000;//变换的速度
//Nothing needs altering paste here.
l=new Array()
for (i=0; i < pics.length;i++){
l[i]=new Image()
l[i].src=pics[i]
}
n="progid:DXImageTransform.Microsoft.";
f=new Array()
f[0]="Wheel(spokes=4)";
f[1]="Blinds(Bands=10,direction=up)";
f[2]="Stretch(stretchstyle=PUSH)";
f[3]="Stretch(stretchstyle=SPIN)";
f[4]="RadialWipe(wipestyle=RADIAL)";
f[5]="RadialWipe(wipestyle=WEDGE)";
f[6]="Checkerboard(Direction=right,SquaresX=8,SquaresY=8)";
f[7]="Fade(Overlap=1.00)";
f[8]="GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)";
f[9]="Iris(irisstyle=CIRCLE,motion=out)";
f[10]="Iris(irisstyle=STAR,motion=out)";
f[11]="Barn( motion=out,orientation=vertical)";
f[12]="Barn( motion=in,orientation=vertical)";
f[13]="Strips(motion=leftup)";
f[14]="Slide(slidestyle=HIDE,Bands=1)";
f[15]="Slide(slidestyle=PUSH,Bands=1)";
f[16]="Slide(slidestyle=SWAP,Bands=1)";
f[17]="RandomDissolve(duration=1)";
imgstep=0;
function ani(){
rnd=f[Math.floor(Math.random()*f.length)]
box.style.filter=n+rnd;
box.filters[0].apply();
box.src=l[imgstep].src;
box.filters[0].play();
imgstep++;
if (imgstep >= l.length) imgstep=0;
setTimeout("ani()",delay);
}
window.onload=new Function("setTimeout(''''''''ani()'''''''',delay)")
}
//-->
</SCRIPT>
 </P></TD></TR></TBODY></TABLE></DIV>

 

 
是不是很简单哦!
 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167