最新公告
  • 欢迎您光临波比源码,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • ajax+php实现鼠标任意拖动层并实时保存

      网(LieHuo.Net)教程 今天小编在博客园看到这样一个例子《ajax+php鼠标拖动层至任意位置并实时保存》,非常实用,特别转载给各位站长,希望对您建站有所帮助和提醒,以下为引用原作者的内容:

      注意,删除功能和修改没有,不过这个很简单,也不影响本例程的演示

    网(liehuo.net)提示:点击新窗口预览!
    示意图

    以下为引用的内容:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>ajax+php鼠标拖动层至任意位置并实时保存 – 网(Liehuo.Net)</title>
    </head>
    <STYLE>

    /*****定义鼠标样式******/
    .btnpic
    {
    CURSOR: pointer
    }
    .gbPicDiv
    {
    BACKGROUND-IMAGE: url(329_205754.gif); WIDTH: 168px; CURSOR: move; HEIGHT: 131px;
    }
    /******定义鼠标样式完毕*****/

    .say /**标题**/
    {
    font-size:12px;
    color:#FF0000;
    }
    .content /***鼠标滑出的时候内容的class**/
    {
    font-size:12px;
    color:#0099FF;
    }
    .contenth /***鼠标滑过的时候内容的class****/
    {
    color:#9933FF;
    font-size:12px;
    }
    .del /***管理 删除 的 class***/
    {
    font-size:12px;
    color:#333399;
    text-decoration:none;
    }
    .del:hover /***管理 删除 经过时候的 class***/
    {
    font-size:16px;
    color:#333399;
    text-decoration:none;
    }
    </STYLE>
    <script type="text/javascript" src="1.js"></script>
    <body>

    <?php

    require(‘sql.php’);

    //————–要执行的SQL语句
    $sql="select * from `ceng` order by `zzhou` asc";

    //————–进行资料库的查询
    $result=mysql_query($sql,$cn);
    $i=1;
    while( $row=mysql_fetch_row($result) )
    {
    //print_r($row);
    ?>
    <DIV onmouseup=upDrag(‘<?=$row[0]?>’) onmousedown=initDrag(event)
    style="Z-INDEX: <?=$i?>; POSITION: absolute;left: <?=$row[2]?>px; top: <?=$row[3]?>px;">
    <DIV class=gbPicDiv id="<?=$row[0]?>" align="center">
    <br />
    <table width="140" align="center">
    <tr>
    <td><span class="say"><?=$row[4]?>说到</span></td>
    </tr>
    <tr>
    <td><div id="<?=$row[0]?>a" class="content" align="left" onmouseout="return out(‘<?=$row[0]?>a’)" onmouseover="return over(‘<?=$row[0]?>a’)">&nbsp;&nbsp;&nbsp;&nbsp;<?=$row[1]?></div></td>
    </tr>
    </table>
    <div align="center"><a href="tian.php" class="del">新增</a> <a href="#" class="del" onclick="return del(‘修改’);">修改</a> <a href="#" class="del" onclick="return del(‘删除’);">删除</a></div>
    </DIV>
    </DIV>
    <?php
    $i++;
    }
    ?>
    <?php
    $sql1="select max(zzhou) from ceng"; //求出层的最大值
    $result1=mysql_query($sql1);
    $row1=mysql_fetch_row($result1);
    ?>
    <input type="hidden" name="count" value="<?=$row1[0]+1?>" id="count"/>
    </BODY>
    </HTML>

      本教程实例下载:ajax_php_drag.rar

      原文:http://www.cnblogs.com/zerogo/archive/2009/08/19/1550223.html

    波比源码 – 精品源码模版分享 | www.bobi11.com
    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

    波比源码 » ajax+php实现鼠标任意拖动层并实时保存

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    波比源码
    一个高级程序员模板开发平台
    升级波友尊享更多特权立即升级