开启dw,先改动1下网页页面特性,将网页页面改动为灰色的,合适照片展现
开启合理布局特性,大家加上1个apdiv,用来盛装大家的照片
将该apdiv设定宽度和高宽比各自为800和299,将外溢设定成hidden,这样照片变大之后不容易危害总体合理布局
接着再加上1个apdiv,设定宽度和高宽比,部位放在第1个apdiv的正中间,如图所示
接着在插进1个1行5列的报表,用来置放5张相片,报表宽度设定成100%
插进5张照片,如图所示,这样就产生了1个基础的照片展现栏,接着要做照片历经的情况下的变大实际效果。
挑选1个照片,在特性栏,给其加上1个id,例如im1,
接着给照片加上个人行为,如图所示,点一下加上按钮,开启1个目录,挑选【更改特性】
开启更改特性的会话框,挑选元素种类为img,ID为刚刚设定的im1,特性挑选【键入】,填写width,这是照片的宽度特性,新的值设定为300
将开启个人行为改动为onmouseover,也便是电脑鼠标放到照片上面的情况下,就会将照片的宽度改成300
接着再加上1个个人行为,特性设定如图所示,目地是让电脑鼠标放在上面的情况下,高宽比改成150
也有两个个人行为要加上,这里就不讲了,依照上面的方式,目地是当电脑鼠标离去照片的情况下,让照片修复到原先的尺寸,如图所示:
好了,给全部的照片加上这4个个人行为,这样当电脑鼠标放到上面的情况下就看到下面的第1幅图,当电脑鼠标离去的情况下就看到下面第2幅图