jQuery中div滚动
0
[已解决问题]
解决于 2012-03-09 16:46
使用JQuery 怎样实现类似蒙娜丽莎的拼图游戏？？
最佳答案
0
有这样的插件的，可以在线看到效果：http://jscode.chinacxy.com/code/e2e07d266bccbb7c982b7fdf8f254202.aspx
插件下载地址：http://files.cnblogs.com/artwl/jquery.puzzle.js
用法很简单，Demo:
<!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>
哈，已经找到了，谢谢啊…………
