网络编程 发布日期:2024/10/17 浏览次数:1
本文实例讲述了jQuery实现仿Google首页拖动效果的方法。分享给大家供大家参考。具体如下:
这里用jQuery.js库写了一个仿Google首页拖动的特效代码
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>用JQUERY实现的仿Google首页拖动特效</title> <style type="text/css"> #div_width{ width:98%; margin:0 auto; } *{ margin:0px; padding:0px; } #div_left,#div_right,#div_center{ float:left; width:28%; height:900px; margin:0 3px; } #div_center{ width:38%; } .can_move{ border:1px solid blue; width:100%; margin:5px 0; min-height:150px; } .center_width{ height:200px; } p{ height:30px; color:#fff; line-height:30px; background:#000; cursor:move; } #xuxian{ /*虚线框*/ border:1px dashed #000; margin:5px 0; } </style> <script src="/UploadFiles/2021-04-02/jquery.js">希望本文所述对大家的jQuery程序设计有所帮助。