JS实现拖动效果

阅读更多

 来源：

 

     在闲暇之余实现了一个简单的JS拖动效果。下面是效果图：

     
 

 实现原理：

       编写鼠标按下（mousedown）、鼠标移动（mousemove）、鼠标释放（mouseup）的事件函数。为将被移动的元素（一般是div）注册mousedown事件，当被移动元素中的mousedown事件触发时为body注册mousemove和mouseup事件。当mouseup事件触发时，移除body的mousemove和mouseup事件。

 

代码如下：

 

 以下是JS代码：

 

HTML代码：

    

        

        人民日报发微博称，很多奶茶店热饮的杯盖上，都有一个三角符号，中间写着数字6。专家表示，最常用的6号塑料材料是聚苯乙烯，遇热可能会“放毒”，喝热饮最好不要带盖喝。这是怎么回事？6号塑料真的有毒吗？来看看本文怎么说吧。
        
    
    

        收藏
        
        定时
        
        发送
    

 

 

 

 

 

 

 

 

 

 

 

• 
• 大小: 230.3 KB

• JS实现拖动效果.zip (82.9 KB)
• 下载次数: 6

• 查看图片附件