如果用HTML5画一条箭头线连接两个矩形框的话如何加上hover功能呢?

smuwcwt 2012-08-20 05:08:30
需要做一个功能,就是用HTML5 画箭头线来连接多个矩形框,当鼠标移到线上时会有一个提示框出现,类似于bubble那样的气泡弹出框最好,请教大家如何为这条线加上hover功能呢?最好是有实现实例呀,今天才刚开始学HTML5,水平实在有限,请大家多多指教。
...全文
641 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
BeautyMyth 2012-08-22
  • 打赏
  • 举报
回复

[Quote=引用 3 楼 的回复:]
canvas上绘制的线条总又占用的 坐标 大小把


canvas监听mousemove事件

通过鼠标坐标来计算寻找 被hove的线条

然后自己根据鼠标位置画 bubble

实例没有 才开始学 请从简单的弄起
[/Quote]
canvas里面是没有hover的,你想要在canvas里面模拟只能用3楼这个办法,计算出鼠标的当前位置判断
是否在里需要的框里然后再触发事件。
KK3K2005 2012-08-21
  • 打赏
  • 举报
回复

canvas上绘制的线条总又占用的 坐标 大小把


canvas监听mousemove事件

通过鼠标坐标来计算寻找 被hove的线条

然后自己根据鼠标位置画 bubble

实例没有 才开始学 请从简单的弄起

如流风般凌乱 2012-08-21
  • 打赏
  • 举报
回复
额,发错了
如流风般凌乱 2012-08-21
  • 打赏
  • 举报
回复
1.用JS模拟一个下拉列框出来
2.css实现http://blog.163.com/weizi_mm/blog/static/315544200942642532268/

61,111

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧