php许愿墙mysql,许愿墙—许下你的愿望

从网上找了一个很漂亮的许愿墙模板，早上就花了一段时间写了这个许愿墙程序，给大家分享下。

首先我们遍历出所有的许愿列表：$query = mysql_query("select * from wishing_wall order by id desc limit 0, 50");

while ($row = mysql_fetch_array($query)) {

list($left, $top, $zindex) = explode('|', $row['xyz']);

$time = strtotime($row['addtime']);

$notes .= "" . $row['name'] . "" . $row['id'] . "

" . $row['content'] . "

" . tranTime($time) . "";接着我们把许愿列表放到.container里面：通过jQueryUI拖动许愿墙悬浮层代码如下：var zIndex = 0;

function make_draggable(elements) {

elements.draggable({

handle: 'dt', //拖动把手

opacity: 0.8,

containment: 'parent', //拖动范围

start: function(e, ui) {

ui.helper.css('z-index', ++zIndex)

},

stop: function(e, ui) {

$.get('ajax.php?act=update_position', {

x: ui.position.left,

y: ui.position.top,

z: zIndex,

id: parseInt(ui.helper.attr("data-id"))

});

}

});

}PHP保存位置：$act = htmlspecialchars($_GET['act']);

if ($act == 'update_position') {

if (!is_numeric($_GET['id']) || !is_numeric($_GET['x']) || !is_numeric($_GET['y']) || !is_numeric($_GET['z']))

die("0");

$id = intval($_GET['id']);

$x = intval($_GET['x']);

$y = intval($_GET['y']);

$z = intval($_GET['z']);

mysql_query("UPDATE wishing_wall SET xyz='" . $x . "|" . $y . "|" . $z . "' WHERE id=" . $id);

echo "1";

}许愿墙演示：http://www.sucaihuo.com/php/136.html

许愿墙表单表情尚未做，请关注许愿墙代码后面的更新。

PHP+jQuery+Ajax漂亮的许愿墙效果.zip

( 239.97 KB 下载：137 次 )

AD：真正免费，域名+虚机+企业邮箱=0元