首页 > 网站建设 >

网站建设公司浅析翻转按钮怎么做出来的?

发布时间:2020-08-04 作者:网站建设

  网站建设公司浅析翻转按钮怎么做出来的?在Dreamweaver中,利用“交换图像”行为可通过改变图片数据源的属性将原图片替换为另一幅图片。如果要建立一个可翻转的链接按钮,用以链接到某个网站,可以选择该行为。当移动鼠标指针到交换图像按钮上时,即可变换按钮图片;单击该按钮又可以链接到指定的网页上。
  第1步,打开本节示例中的orig.html文件,另存为effect.html。设计当鼠标经过缩略图时,显示翻转图像。
  第2步,将鼠标指针定位到文档中要插入链接图片的位置。选择插入|图像|图像命令,在打开的选择图像源文件对话框中选择要插入的图片,完成后单击确定按钮。
  第3步,选中该图片,并打开属性面板,在链接文本框中输入要链接的URL地址,并命名图像,即设置图像的id属性值。
  第4步,选择窗口|行为命令,打开行为面板,并单击其中的按钮,在打开的菜单中选择交换图像命令。
  第5步,打开交换图像对话框,单击浏览按钮,在选择图像源文件对话框中选择要替换的按钮图片。
  第6步,完成后单击确定按钮,返回到交换图像对话框。
  第7步,单击确定按钮,返回行为面板。此时便可看到所加入的“交换图像”行为,其默认的触发事件为onMouseOver,即当鼠标指针移过图片时触发换图动作,
  第8步,设置完成后,按F12键,打开浏览器预览。此时如果按上述方法正确设置,则将鼠标指针移到按钮上时,即可改变按钮的外观。深圳网站建设公司本文关于“网站建设浅析翻转按钮怎么做出来的?”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
文章标题:网站建设公司浅析翻转按钮怎么做出来的?
本文地址:https://www.198bona.com/news/6991.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯