全国服务热线:4008-888-888

技术知识

DW怎样制做电脑鼠标历经时照片变大实际效果示例

开启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幅图​



热门版本号种类强烈推荐 免费下载详细地址 Dreamweaver MX 2004 官方简体汉语技术专业版 点一下进到免费下载 Dreamweaver CS3(DW CS3)简体汉语精简版(50M) 点一下进到免费下载 Dreamweaver CS4 官方简体精简版 选用官方原版安裝方式/免激活 点一下进到免费下载 Dreamweaver CS3/Flash CS3/Photoshop CS3申请注册机[Adobe CS3 申请注册机] 点一下进到免费下载 Dreamweaver CS3 简体汉语精简提升版 [已调整CPU占有太高的难题] 点一下进到免费下载 Dreamweaver8 汉语翠绿色版(不用安裝) 点一下进到免费下载 Dreamweaver V8.0 简体汉语版(附申请注册机+8.02补钉) 点一下进到免费下载 网页页面3剑客 CS5 官方简体汉语宣布版附申请注册机 点一下进到免费下载


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服