ajax+php实现鼠标任意拖动层并实时保存

2014-04-08 为码而活 PHP教程 关注412次 已收录
当前位置：波比源码 > 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实现鼠标任意拖动层并实时保存
分享到：

相关推荐

58 评论

  3. order aldactone 100mg generic valtrex usa diflucan 200mg sale

  4. buy ampicillin without prescription buy erythromycin erythromycin online

  11. prednisone for sale online take cialis sildenafil 100mg england

  15. overnight delivery cialis buy prozac pill sildenafil 25mg price

  20. buy chloroquine 250mg for sale olumiant usa order olumiant 4mg for sale

  21. order amlodipine 10mg pill viagra next day tadalafil 20mg price

  25. order vardenafil 20mg generic cheap vardenafil 10mg methylprednisolone 4mg without a doctor prescription

  26. order generic cialis cialis tadalafil buy clopidogrel without prescription

  37. tretinoin without prescription avana generic avana 200mg pills

  39. buy spiriva 9 mcg online cheap minocycline uk buy terazosin 5mg for sale

  44. best website for writing essays buy an essay cheap buy sulfasalazine 500mg pill

  51. Thank you for content. Area rugs and online home decor store. Hello Administ . Metropol Halı Karaca Halı Öztekin ve Selçuklu Halı Cami Halısı ve Cami Halıları Türkiye’nin En Büyük Cami Halısı Fabrikasıyız…

  54. cost of ivermectin pill prednisone 20mg us deltasone 40mg over the counter

发表评论

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

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