IT中国首页

• 网站首页
• 业界动态
• 视频教程
• 在线课堂
• 光盘教程
• 在线交流
• 图书推荐
• 资源下载

        图片是网页中不可或缺的要素，下面的例子通过一个个人主页导航条的制作，实现了鼠标经过图像时的功能，当用户进入你的网页时，当他将鼠标移到导航条上的按钮，按钮会发生变化，增加网页的生动性，该功能的实现并不困难，通过Dreamweaver中【插入图像】按钮中的【鼠标经过图像】下拉菜单就能实现的。下面是实现该实例的操作步骤。
       操作步骤：
      （1）打开Dreamweaver，单击【文件】菜单下的【打开】按钮，在弹出的【打开】对话框中选择配套光盘中/Dreamweaver/第2章/sc/mysite.htm。
      （2）将光标放置到第一个空白单元格中，单击【插入】菜单中的【鼠标经过图像】，弹出【鼠标经过图像】对话框。
      （3）将光标移到【原始图像】对话框中，单击后面的【浏览】按钮，在弹出的【选自文件名自】对话框中选择配套光盘中/Dreamweaver/第2章/sc/mysite_01A.gif。
       （4）再单击【鼠标经过图像】对话框后面的【浏览】按钮，在弹出的【选自文件名自】对话框中选择配套光盘中/Dreamweaver/第2章/sc/mysite_01B.gif。单击【确定】按钮，完成了第一个导航按钮的设置。具体设置。

            （5）按照上述设置分别设置余下的四个空白单元格，不同的是插入素材的文件名各异。
           （6）保存设置，按下F12键，就可以在IE浏览器中浏览效果。