JS两点画线

最新推荐文章于 2024-08-28 09:31:14 发布

zhao8848jun

最新推荐文章于 2024-08-28 09:31:14 发布

阅读量2.5k

点赞数

文章标签： function html div border javascript filter

本文介绍了一种使用JavaScript实现的网页元素拖动效果及线条动态绘制的方法。通过鼠标操作可以移动页面上的DIV元素，并实时绘制连接两个指定位置的线条。文章提供了完整的HTML和JavaScript代码示例。

摘要由CSDN通过智能技术生成

<HTML> <HEAD> <TITLE>New Document</TITLE> <mce:script Language="javascript"></mce:script> </HEAD> <body οnlοad="show()"> </BODY> </HTML>

<body> <div id="main"> </div> <div id="fd" style="filter:alpha(opacity=100);opacity:1;position: absolute;text-align: center; z-index:9999; width: 100px; height: 78px; left: 155px; top: 177px; border-right: #0099ff 1px solid; border-top: #0099ff 1px solid; border-left: #0099ff 1px solid; border-bottom: #0099ff 1px solid;"> 拖动的div </div> <mce:script language="javascript"></mce:script> </body>