如何在dreamweaver中创建翻转图像(create a rollover image in dreamweaver)
开始
- 启动Dreamweaver
- 打开要滚动的网页
插入滚动图像对象
Dreamweaver可以轻松创建翻转图像。
- 转到“插入”菜单，然后转到“图像对象”子菜单。
- 选择图像滚动或滚动图像。
一些旧版本的Dreamweaver将图像对象称为“交互式图像”。
告诉dreamweaver要使用哪些图像
Dreamweaver弹出一个对话框，其中包含创建滚动图像所需填写的字段。
图像名称
选择页面唯一的图像名称。它应该是一个单词，但可以使用数字、下划线（_）和连字符（-）。这将用于标识要更改的图像。
原始图像
这是将在页面上开始的图像的URL或位置。您可以在此字段中使用相对或绝对路径URL。这应该是您的web服务器上存在的图像，或者您将随页面一起上载的图像。
滚动图像
这是将鼠标悬停在图像上时显示的图像。就像原始图像一样，这可以是图像的绝对或相对路径，并且在上载页面时应该存在或上载。
预加载滚动图像
默认情况下选择此选项，因为它有助于更快地显示滚动。通过选择预加载滚动图像，Web浏览器将其存储在缓存中，直到鼠标在其上滚动。
替代文字
好的替代文本使您的图像更容易访问。添加任何图像时，应始终使用某种类型的替代文本。
单击后，转到url
大多数人在页面上看到图像时都会单击图像。因此，你应该养成让它们可点击的习惯。此选项允许您指定当查看者单击图像时要将其带到的页面或URL。但创建滚动时不需要此选项。
完成所有字段后，单击“确定”让Dreamweaver创建滚动图像。
dreamweaver为您编写javascript
如果您在代码视图中打开页面，您将看到Dreamweaver在HTML文档中插入了一块JavaScript。此块包括当鼠标在图像上滚动时需要交换图像的3个功能，以及选择此功能时需要的预加载功能。
function MM_swapImgRestore()函数mm_findobj（n，d）函数mm_swapimage（）函数mm_preload images（）dreamweaver为滚动添加html
如果您选择让Dreamweaver预加载滚动图像，那么您将在文档正文中看到HTML代码，以调用预加载脚本，从而更快地加载图像。
onload=“mm_preload图像（'shasta2.jpg'）”Dreamweaver还为您的图像添加所有代码并链接它（如果您包含URL）。滚动部分作为onmouseover和onmouseout属性添加到锚定标记中。
onmouseout="MM_swapImgRestore()"onmouseover=“mm_swapimage（'image1'，''，'shasta1.jpg'，1）”测试侧翻
查看功能齐全的翻滚图像，了解Shasta的想法。
- 发表于 2021-09-08 07:15
- 阅读 ( 267 )
- 分类：数学
你可能感兴趣的文章
30个伟大的photoshop技巧和技巧，帮助您的计算机图形技能
...。我们已经发表了许多关于使用Photoshop的技巧和窍门以及如何解决您可能遇到的恼人问题的文章。 这篇文章汇集了30个最好的技巧和窍门，我们已经记录，以帮助您获得最大的Photoshop。 10个常见的photoshop问题（以及如何在5分...
如何在photoshop或gimp中创建一个简单的像素艺术化身
...问题发送到[email protected]，它们可能会出现在未来的“如何极客图形”文章中。 图片来源：向艾伦·摩尔和尼尔·盖曼致歉，未经允许使用，受到极大尊重，被认为是合理使用。
土坯缪斯(adobe muse)和梦织者(dreamweaver)的区别
...立自己的网站，而无需进入复杂的编码或设计。adobemse和Dreamweaver是两个最受欢迎的****者在网页设计利基用来建立响应网站。尽管它们是由软件巨头Adobe公司开发的，但它们在功能、可用性、价格等方面有着相当大的差异。 ...
在dreamweaver中创建web相册
01 2006年 启动dreamweaver web相册向导 转到“命令”菜单。 选择创建网络相册。。。 笔记 Dreamweaver相册向导要求您的计算机和Dreamweaver上都安装了焰火。 02 2006年 填写相册的详细信息 Dreamweaver将创建一个带有...
如何在dreamweaver中使用搜索和替换(use search-and-replace in dreamweaver)
Adobe Dreamweaver对当前文件、选定文件或网站上的每个文件执行标准搜索和替换。这个工具很强大，但也有一些重要的限制。 这些说明适用于适用于Windows和Mac的Dreamweaver CC 2020，尽管该功能在较旧版本的程序中也同样适用。 ...
如何在php中创建链接(create links in php)
网站上充满了链接。您可能已经知道如何在HTML中创建链接。如果您将PHP添加到web服务器以增强站点的功能，您可能会惊讶地发现，您在PHP中创建的链接与在HTML中创建的链接相同。不过，你有一些选择。根据链接在文件中的位置...
如何在Dreamweaver中添加一个下拉框(add a drop down box in dreamweaver)
步骤 1打开一个Dreamweaver项目。双击项目的文件来进行。如果你想创建一个新的Dreamweaver项目，你将改为打开Dreamweaver，点击文件，点击新建，并按照屏幕上的提示操作。 2创建一个有序的列表。为了创建一个下拉菜单，你必须...
如何在Dreamweaver中添加字体(add a font to dreamweaver)
...体现在已经安装在你的电脑上了。 方法3方法3：在Dreamweaver中添加字体 1 打开Macromedia Dreamweaver软件。 2在顶部菜单中选择 "文本"。 3浏览到 "字体 "并选择 "编辑字体列表"。 4在 "可用字体 "列表中找到你要添加的字体。...
如何在adobe dreamweaver中为图片添加链接(add a link to an image in adobe dreamweaver)
步骤 1打开Dreamweaver。打开一个现有的文件或定义一个新的网站并创建一个新的HTML文件，如果你还没有这样做的话。 2当你创建一个新的HTML文件时，Dreamweaver已经为你创建了一个基本的网页结构。在<body>和</body...
如何在adobe photoshop中创建背景(create backgrounds in adobe photoshop)
方法1方法1/2：在新工作区上创建背景 1打开Adobe Photoshop。单击其桌面图标或从计算机上的程序/应用程序列表中启动它。 2点击窗口左上角的“文件”。在菜单栏上。选择“新建”打开要创建的新图像工作区的设置窗口。 3...
0 篇文章
