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. 本站源码并不保证全部能正常使用,仅供有技术基础的人学习研究,请谨慎下载
8. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

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

发表评论

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系站长
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡