DW MX 2004 CSS 属性详解

日期:2007年8月1日 作者: 查看:[大字体 中字体 小字体]
Alpha(Opacity=30,Style=0)
这是文字透明效果演示

BLENDTRANS 属性

【BlendTrans属性】淡入淡出的效果滤镜,能产生极精细的图片转换效果。

DW MX 2004 CSS 属性详解(图十六)

制作说明:
BlendTrans滤镜功能也比较单一,只有一个参数:Duration(变换时间)。需要借助于Javascript来调用它的方法来实现转换功能。使用BlendTrans滤镜,首先您要准备几张宽高尺寸相同的图片,并分别命名,保存在图像目录下,如:images/*.jpg。如果用4幅的话,分别取名为:blen1.jpg; blen2.jpg; blen3.jpg;blen4.jpg。(用其它名称也可以,但下边的javascript设置要相应调整。)
   制作方法:
   1、制作一个BlendTrans滤镜,取名为“myblen",Duration设置为“3"(即转换时间为3秒),滤镜设置好后,在网页源代码的< head >与< /head >之间将有下面这样一段代码:
  

< style type="text/css" >
< !--
.myblen { filter:blendTrans(Duration=3)
}
-- >
< /style >

 2、插入第一张图片(本例图片为570X150像素),在图片的属性面板上给图片加个名称:myimg
   3、把BlendTrans滤镜加载到图片上,这时图片的“img"标记的代码是这样的:<img alt=DW MX 2004 CSS 属性详解 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.alt=DW MX 2004 CSS 属性详解 src=imgname[i];
myimg.filters[0].play();
mytimeout=setTimeout("play()",6000);
}
-->
</script >

5、在网页源代码的< body >加入这样的一句代码:onload="play()"。

  • 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] 下一页 


  • DW MX 2004 CSS 属性详解 相关文章:
  • ·破解QQ空间相册密码
  • ·路由器安全设置详解
  • ·忘记WindowsXP登录密码的解决方案
  • ·魔法门7 攻略解析
  • ·密码破解简介
  • ·巧妙破解Win XP的登录密码简法
  • ·我也发个破解(可破解正版中文旗舰版 Windows Vista Ultimate ChnSimp )试用没问题
  • ·MSComm控件使用详解
  • ·开机提示reboot and select proper boot device or insert boot Media in selected boot device的解决
  • ·网络拓扑图--解决方案
  • DW MX 2004 CSS 属性详解 相关软件
  • ·终极解码 V1.7.0408 简体中文版
  • ·2345首页解除器 V1.0
  • ·完美解码 2007.1115
  • ·多功能密码破解软件 V4.5
  • ·加速工具时空游侠V1.5破解版
  • ·手机解锁 V8.01
  • ·变速精灵XP v1.70破解版
  • ·青霜微软媒体播放器RM解码器 V3.0
  • ·ZIP/RAR/ACE/ARJ/PDF 解密工具包 V1.0
  • ·骑马与砍杀完美解密中文版0808版
  • 上一篇:DW MX实例:制作弹出菜单

    下一篇:DM MX 2004 用户登陆服务器行为

  • 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
  • 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
  • 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
  • 精品推荐

    热点TOP10

    特别推荐