Javascript 可以在CSS3中创建元素之间的行吗?
我正在创建的应用程序中使用jquerydraggable,我想知道是否有可能在对话框和网站上的元素之间创建一条线?我希望它在拖动时跟随可拖动的框 我在寻找CSS/HTML方式,而不是jQuery/JS方式。如果无法使用纯CSS3/HTML5创建它,那么我将从JS方法开始——只是想知道:)Javascript 可以在CSS3中创建元素之间的行吗?,javascript,html,css,Javascript,Html,Css,我正在创建的应用程序中使用jquerydraggable,我想知道是否有可能在对话框和网站上的元素之间创建一条线?我希望它在拖动时跟随可拖动的框 我在寻找CSS/HTML方式,而不是jQuery/JS方式。如果无法使用纯CSS3/HTML5创建它,那么我将从JS方法开始——只是想知道:) 基本上:不,没有一种方法可以仅使用CSS来实现这一点 但是,如果将其视为CSS之谜(我建议您在任何实际应用程序中都不要使用以下解决方案),您可能会获得类似的效果。同样,这将是对HTML和CSS的完全滥用 您基本
基本上:不,没有一种方法可以仅使用CSS来实现这一点 但是,如果将其视为CSS之谜(我建议您在任何实际应用程序中都不要使用以下解决方案),您可能会获得类似的效果。同样,这将是对HTML和CSS的完全滥用 您基本上创建了许多
div
,每个div代表一个“像素”。在:hover
上更改divs
”背景色,并在:hover
状态消失后使用(另一种滥用的)转换
技巧(伪无限延迟)保持背景色
这里有一个演示:。尝试将鼠标悬停在顶部,以查看移动鼠标时绘制的“面包屑”
一、 再次强调,夸大这完全是滥用,不应该在任何实际应用中使用
这可以扩展为使用CSS创建一个小的绘画程序。我做了一点小小的尝试来说明:(试着通过点击和移动鼠标来画画!)
底线:使用JavaScript——这是这种情况下唯一的解决办法(没有JavaScript,你无法控制画布)。没有JavaScript,你无法使用画布。@dystroy太糟糕了,但感谢你的澄清!然后我认为这是我了解HTML5画布并使用JS/HTML5画布解决方案创建它的唯一方法。当然这是可能的。鼠标事件实时提供有关光标的信息,画布允许绘制相应的线。我建议在画布教程上花些时间。@ŠimeVidas这就是我要做的。谢谢在我开始之前,我只是想确定没有更简单的HTML/CSS方法可以做到这一点。好吧,没有任何JavaScript,恐怕你不会走得很远。也就是说,您可以利用CSS来处理破折号和旋转,如下所示:。您可以使用canvas来处理破折号和旋转,甚至可以使用svg。