Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可以在CSS3中创建元素之间的行吗?_Javascript_Html_Css - Fatal编程技术网

Javascript 可以在CSS3中创建元素之间的行吗?

Javascript 可以在CSS3中创建元素之间的行吗?,javascript,html,css,Javascript,Html,Css,我正在创建的应用程序中使用jquerydraggable,我想知道是否有可能在对话框和网站上的元素之间创建一条线?我希望它在拖动时跟随可拖动的框 我在寻找CSS/HTML方式,而不是jQuery/JS方式。如果无法使用纯CSS3/HTML5创建它,那么我将从JS方法开始——只是想知道:) 基本上:不,没有一种方法可以仅使用CSS来实现这一点 但是,如果将其视为CSS之谜(我建议您在任何实际应用程序中都不要使用以下解决方案),您可能会获得类似的效果。同样,这将是对HTML和CSS的完全滥用 您基本

我正在创建的应用程序中使用jquerydraggable,我想知道是否有可能在对话框和网站上的元素之间创建一条线?我希望它在拖动时跟随可拖动的框

我在寻找CSS/HTML方式,而不是jQuery/JS方式。如果无法使用纯CSS3/HTML5创建它,那么我将从JS方法开始——只是想知道:)


基本上:不,没有一种方法可以仅使用CSS来实现这一点

但是,如果将其视为CSS之谜(我建议您在任何实际应用程序中都不要使用以下解决方案),您可能会获得类似的效果。同样,这将是对HTML和CSS的完全滥用

您基本上创建了许多
div
,每个div代表一个“像素”。在
:hover
上更改
divs
背景色,并在
:hover
状态消失后使用(另一种滥用的)
转换
技巧(伪无限延迟)保持
背景色

这里有一个演示:。尝试将鼠标悬停在顶部,以查看移动鼠标时绘制的“面包屑”

一、 再次强调,夸大这完全是滥用,不应该在任何实际应用中使用

这可以扩展为使用CSS创建一个小的绘画程序。我做了一点小小的尝试来说明:(试着通过点击和移动鼠标来画画!)


底线:使用JavaScript——这是这种情况下唯一的解决办法(没有JavaScript,你无法控制
画布)。

没有JavaScript,你无法使用画布。@dystroy太糟糕了,但感谢你的澄清!然后我认为这是我了解HTML5画布并使用JS/HTML5画布解决方案创建它的唯一方法。当然这是可能的。鼠标事件实时提供有关光标的信息,画布允许绘制相应的线。我建议在画布教程上花些时间。@ŠimeVidas这就是我要做的。谢谢在我开始之前,我只是想确定没有更简单的HTML/CSS方法可以做到这一点。好吧,没有任何JavaScript,恐怕你不会走得很远。也就是说,您可以利用CSS来处理破折号和旋转,如下所示:。您可以使用canvas来处理破折号和旋转,甚至可以使用svg。