首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

一个在网页下关于连线的有关问题

2012-08-30 
请教各位一个在网页上关于连线的问题请看下面这张截图:问题描述如下:网页上有两个复选框,现在需要做这样两

请教各位一个在网页上关于连线的问题
请看下面这张截图:

问题描述如下:网页上有两个复选框,现在需要做这样两件事:
(1)当用户单击了这两个复选框,复选框被选中,页面上需要画一条线将两个复选框连接起来。我想用<v:line>这个标签,但是具体不知道怎么用,请高手指教;
(2)当这两个复选框被线连接起来之后(此时两个复选框均处于checked==true状态),任意取消其中一个复选框的选择状态(即checked==false),这条线将消失。不知道这样的效果如何用javascript实现。
请高人指教这两个问题,小弟拜谢

[解决办法]
http://www.scriptlover.com/controls/wheel/里面就有连线效果,你参考下。
[解决办法]

基本实现方式:
定义一个0高度,宽度等于两点间距离的div,设置border为黑色、适当的宽度,通过绝对定位定位到合适的位置,css3熟悉旋转一个合适的角度就可以了


其中用到的位置、长度、角度都可以通过两点的坐标计算出来,这个挺简单的

热点排行