你现在的位置:首页DW学习》一招一式

 

图片渐隐变换滤镜的使用

    图片渐隐变换效果我已经学过,那只是贴代码,知其然而不知其所以然,其实DW自带这个功能,即CSS样式中的一部分,我自己偷

懒,没有好好学。按照秋翁老师的教材,经过 N 次实践,记录如下:

图片渐隐变换滤镜BlendTrans(Duration=?)实战操作步骤:

1.插入图片 光标停在需要插入图片的地方:插入--图象--选择图片(我的是:images/xxlha/DSC00372.JPG);

2.给图片命名 选中图片,在属性栏,给图片命名:tp ;

1

3.新建CSS样式 文本--CSS样式--新建:设置类型为:类;名称:lj ; 选择:仅对该文档。

1

 在lj的 CSS规则定义面板,选择:扩展--滤镜--BlendTrans(Duration=?),并把“?”改为4 (设置渐隐时间);

1

4.套用样式 光标停在图片右边缘:在属性栏:样式--lj

1

5.插入代码 选择代码视图,光标放在</head>前面按回车键,使产生一空行,把下面代码插入到空行处。

<script language="javascript" >
<!--
function images(x)
{
this.length=x;
}
iname=new images(4);
     iname[1]="images/xxlha/DSC00372.JPG";
     iname[2]="images/xxlha/DSC00436.JPG";
     iname[3]="images/xxlha/DSC00703.JPG";
     iname[4]="images/xxlha/DSC00874.JPG";
var i=1;
function play()
{
if (i==4)
{ i=1 ;}
else
{ i++; }
tp.filters[0].apply();
tp.src=iname[i];
tp.filters[0].play();
mytimeout=setTimeout("play()",6000);
}
-->
</script >

6.修改<body>标签 找到<body>标签,添加 onload="play()" 一句。添好后是:<body onload="play()">

7.增加图片 如果需要增加更多图片的,就在iname[4]="images/xxlha/DSC00874.JPG";后面添加图片编号和连接地址,并把

“iname=newimg(4);”和“if (i=4)”中的“4”改成需要的张数就行了。

 

2008年6月26日

返回主页