建站知识
首页 > 网站建设 > 建站知识 > dw怎么弄鼠标滑过变大的内容,欢迎阅读!

dw怎么弄鼠标滑过变大的内容,欢迎阅读!

发布时间:2021-04-06    来源:广州网站优化公司     浏览次数:

Adob​​e Dreamweaver(缩写为“ DW”),中文名称为“ Dream Weaver”,是由广州网站开发和开发的WYSIWYG Web编辑器,它集成了Web的生产和管理功能。以下是学习指南。这是有关如何使鼠标在dw中滑行变大的内容,欢迎阅读!

dw如何使鼠标变大?

打开dw,首先修改页面属性,将页面修改为灰色,适合图片显示

2打开布局属性,我们添加一个apdiv来保存图片

3将apdiv的宽度和高度分别设置为800和299,并将溢出设置为隐藏,以便在放大图片后不会影响整体布局。

然后添加另一个apdiv,设置宽度和高度,并将位置放置在第一个apdiv的中间,如图所示

接下来,插入一张包含1行5列的表格以放置5张照片,并将表格宽度设置为100%

插入五张图片,如图所示,以形成基本的图片显示列,然后在图片通过时放大效果。

选择一张图片,然后在属性栏中为其添加一个ID,例如im1,

接下来,将行为添加到图片中,如图所示,单击“添加”按钮,打开一个列表,然后选择[更改属性]

打开用于更改属性的对话框,选择元素类型为img,ID设置为im1,选择[input]作为属性,填写width,这是图像的width属性,并设置了新值到300

将触发行为更改为onmouseover,即,将鼠标放在图片上时,图片的宽度将更改为300

接下来,添加另一个行为。属性设置如图所示。目的是将鼠标放在其上时将高度更改为150。

还有两个要添加的行为。在这里我不会谈论它们。根据上述方法,目的是当鼠标离开图片时将图片恢复到原始大小,如图所示:

好的,将这四个行为添加到所有图片中,这样,当鼠标放在顶部时,您将看到下面的第一张图片,而当鼠标左键时,您将看到下面的第二张图片

“,” force_purephv“:” 0“,” gnid“:” 9d7988e1f4831ac4a“,” img_data“:[{” flag“:2,” img“:[{” desc“:”“,” height“: “ 77”,“ title”:“”,“ url”:“。 ssl。 img。 360快。 com / t01c69aa9412b2336cc。 jpg“,” width“:” 500“},{” desc“:”“,” height“:” 262“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t01d9c90fe3e5f5d80a。 jpg“,” width“:” 479“},{” desc“:”“,” height“:” 181“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t01e0c8b0e44de23171。 jpg“,” width“:” 438“},{” desc“:”“,” height“:” 122“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t010bd9c4b6a0de13fc。

jpg“,” width“:” 459“},{” desc“:”“,” height“:” 127“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t010db17829bfb5f9ac。 jpg“,” width“:” 330“}​​,{” desc“:”“,” height“:” 128“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t019751db7a7e15a1e4。 jpg“,” width“:” 467“},{” desc“:”“,” height“:” 324“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t0177ace79d4ee4c104。 jpg“,” width“:” 346“},{” desc“:”“,” height“:” 124“,” title“:”“,” url“:”。 ssl。 img。 360快。 com / t01ec8f5e841107e9d7。 jpg“,” width“:” 475“},{” desc“:”“,” height“:” 148“,” title“:”“,” url“:”。

上一篇:如何建设一个优秀的网站--科技阅读摘要

下一篇:怎么才能建设一个高质量的网站呢??

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x