热点图热区颜色如何改变

当鼠标放置到热点区,图片颜色主动变换,可以用两张图片切换的体例,实现这一结果,如何在网页中实现这一动作呢?小编与大师分享变色经验。

东西/原料

  • Microsoft Office SharePoint Designer 2007

方式/步调

  1. 1

    电脑桌面上双击图标,打开软件。

  2. 2

    选择文件---->打开网站,打开一个已有的网站。

  3. 3

    将需插入热点的区域建造为一张图片,如下图所示。

  4. 4

    选择东西栏中的热点东西,绘制热点区域。

  5. 5

    代码窗口中,输入热点区域代码。

  6. 6

    代码中,需设置图片的id。

  7. 7

    onMouseOver和onMouseOut,别离实现鼠标的移入和移出。

  8. 8

    最后,界说两个函数,实现图片的切换。

  9. 9

    此中文件p1为切换前的图片,p2为切换后的图片。

  10. 10

    测试网页,当鼠标滑到热点区域时,该区域颜色主动改变。

注重事项

  • 作者声明:本篇经验系本人辛勤奋动的原创当作果,未经许可,回绝转载。
  • 发表于 2019-01-08 00:00
  • 阅读 ( 894 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具