jQuery-使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏?

jQuery-使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏?

晚风撩人 发布于 2016-10-27 字数 93 浏览 1127 回复 1

使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏?

http://www.4399.com/flash/8527.htm

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

晚风撩人 2017-10-03 1 楼

介绍一个这样的插件:http://files.cnblogs.com/artwl/jquery.puzzle.js
在线演示:http://jscode.chinacxy.com/code/e2e07d266bccbb7c982b7fdf8f254202.aspx
下面是个示例程序,供参考

<!DOCTYPE html>
<html>
<head>
<title>jQuery Demo: Creating A Sliding Image Puzzle</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.puzzle.js"></script>
<script type="text/javascript">
$(function(){
$( "div.puzzle, p" ).puzzle( 100 );
});
</script>
</head>
<body>
<h1>
jQuery Demo: Creating A Sliding Image Puzzle
</h1>
<div style="float: left ; margin-right: 50px ;">
<img src="http://images.cnblogs.com/cnblogs_com/artwl/357654/o_Sichuan-Conservatory-of-Music-beautiful-girls.jpg" alt="Puzzle Girl One"/>
</div>
<div class="puzzle" style="float: left ;">
<img src="http://images.cnblogs.com/cnblogs_com/artwl/357654/o_Sichuan-Conservatory-of-Music-beautiful-girls.jpg" alt="Puzzle Girl Two"/>
</div>
</body>
</html>