| < style type="text/css" > < !-- .myblen { filter:blendTrans(Duration=3) } -- > < /style > |
2、插入第一张图片(本例图片为570X150像素),在图片的属性面板上给图片加个名称:myimg
3、把BlendTrans滤镜加载到图片上,这时图片的“img"标记的代码是这样的:<img src="images/blen1.jpg" name="myimg" width="570" height="150" class="myblen" id="myimg">;
4、在网页的源代码< head >与< /head >之间插入下面这段javascript程序:
| <script language="javascript" > <!-- function img(len) { this.length=len; } imgname=new img(4); imgname[0]="images/blen1.jpg"; imgname[1]="images/blen2.jpg"; imgname[2]="images/blen3.jpg"; imgname[3]="images/blen4.jpg"; var i=1; function play() { if (i==3) { i=0 ;} else { i ; } myimg.filters[0].apply(); myimg.src=imgname[i]; myimg.filters[0].play(); mytimeout=setTimeout("play()",6000); } --> </script > |
5、在网页源代码的< body >加入这样的一句代码:onload="play()"。
设置完成,点F12预览效果
【定义 CSS 样式扩展属性】“扩展”样式属性包括过滤器、分页和光标选项,它们中的大部分效果仅受 Internet Explorer 4.0 和更高版本的支持。
指定扩展属性:
在“CSS 样式定义”对话框中,选择“扩展”(如下图),然后设置所需的样式属性。

请注重:下列任意属性假如您认为不重要可以保留为空。
分页:在打印期间在样式所控制的对象之前或者之后强行分页。选择要在弹出式菜单中设置的选项。此选项不受任何 4.0 版本浏览器的支持,但可能受未来的浏览器的支持。
评论加载中…
![]() |