社区
CSS
帖子详情
如果用HTML5画一条箭头线连接两个矩形框的话如何加上hover功能呢?
smuwcwt
2012-08-20 05:08:30
需要做一个功能,就是用HTML5 画箭头线来连接多个矩形框,当鼠标移到线上时会有一个提示框出现,类似于bubble那样的气泡弹出框最好,请教大家如何为这条线加上hover功能呢?最好是有实现实例呀,今天才刚开始学HTML5,水平实在有限,请大家多多指教。
...全文
641
4
打赏
收藏
如果用HTML5画一条箭头线连接两个矩形框的话如何加上hover功能呢?
需要做一个功能,就是用HTML5 画箭头线来连接多个矩形框,当鼠标移到线上时会有一个提示框出现,类似于bubble那样的气泡弹出框最好,请教大家如何为这条线加上hover功能呢?最好是有实现实例呀,今天才刚开始学HTML5,水平实在有限,请大家多多指教。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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/
jsplumb节点可拖动_jsPlumb开发入门教程(实现
html5
拖拽连
线
)
jsPlumb是一个强大的JavaScript连
线
库,它可以将html中的元素用
箭头
、曲
线
、直
线
等
连接
起来,适用于开发Web上的图表、建模工具等。它同时支持jQuery+jQuery UI、MooTools和YUI3这三个JavaScript框架,十分强大。大家...
canvas 中如何实现物体的点选(五)
上个章节中我们已经给物体
加上
了被选中的效果,现在可以上点交互了,这个章节主要实现的就是物体的
hover
和click事件,当鼠标
hover
到物体上时,我们会改变鼠标的样式使其变成移动的样子;当
hover
到控制点时则会变成...
前端
HTML5
+CSS3学习笔记
前端
HTML5
+CSS3学习笔记
前端面试+学习笔记(HTML+CSS+JavaScript+ES6+Vue+NodeJs)
是什么:每个元素被表示为一个矩形的盒子,有四个部分组成:内容(content)、内边距(padding)、边框(border)、外边距(margin)。它在页面中所占的实际大小(宽高)是content+padding+border+margin之和。 盒...
HTML特效代码大全(完整)
1.贴图:<img src="图片地址"> 2.加入
连接
:<a href="所要
连接
的相关地址"...3.在新窗口打开
连接
:&...消除
连接
的下划
线
在新窗口打开
连接
: <a h
CSS
61,111
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章