ajax+php实现鼠标任意拖动层并实时保存
来源:程序员人生 发布时间:2014-04-08 03:28:51 阅读次数:2693次
网(LieHuo.Net)教程 今天小编在博客园看到这样一个例子《ajax+php鼠标拖动层至任意位置并实时保存》,非常实用,特别转载给各位站长,希望对您建站有所帮助和提醒,以下为引用原作者的内容:
注意,删除功能和修改没有,不过这个很简单,也不影响本例程的演示
示意图
以下为引用的内容: <!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')"> <?=$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
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠