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

发布于 2016-10-27 23:48:37 字数 75 浏览 1204 评论 1

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

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

评论(1

晚风撩人 2017-10-03 07:14:39

介绍一个这样的插件: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>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文