jQuery-使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏?
使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏?
http://www.4399.com/flash/8527.htm
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏?
http://www.4399.com/flash/8527.htm
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(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>