更多>
最新下载
梦幻水族馆
《奇幻水族馆》是一款奇幻冒险游戏,让玩家探索神秘的海底世界。在这个充满想象力的水族馆中,玩家将扮演水族馆管理员的角色,通过管理和照顾各种神奇生物来体验奇幻世界的乐趣。游戏特色: 生物多样:水族箱里生活着各种奇幻生物,比如神秘的水晶鱼、光芒美人鱼等,每种生物都有独特的外观和特性。互动:玩家可以与水族箱中的生物互动、喂食、玩耍,甚至执行任务让生物离你更近。装饰施工:可以根据自己的喜好装饰水族箱,定制
0
2024-05-08
少女前线
《少女前线》是一款由SUNBORN Games开发的战略角色扮演游戏。在这个未来世界中,人类与机器人少女战斗着,你将扮演指挥官,带领独特的机器人少女部队展开一系列惊心动魄的战斗。游戏特色:庞大的机器人少女阵营:收集并培养各种不同风格和能力的机器人少女,打造属于你自己的最强队伍。深入的剧情设定:与机器人少女们展开交流并深入了解她们的故事背景,在战斗中为她们提供支持和鼓舞。精美的战斗画面:享受华丽的战
832
2024-05-06
星之翼
《星之翼》是一款将机甲美少女元素与经典GVG格斗玩法完美融合的3D竞技游戏。游戏中,玩家将操纵拥有强大战力的机甲美少女,在热血沸腾的战场上,展开激烈的1V1、2V2对战,感受无与伦比的竞技魅力。游戏通过高精度的3D建模技术,呈现出绚丽的画面效果。每台机甲都独具匠心,细腻刻画了充满科技感的机械构造与少女的柔美身姿,仿佛是一部活跃在掌间的动画大片。美少女驾驶员则各具魅力,不同的性格特点通过语音和动作得
521
2024-05-06
小花仙精灵乐园
《小花仙精灵乐园》是一款充满童趣和魔法的休闲游戏,为广大玩家带来美好的游戏体验。在游戏中,你将会扮演一位小花仙,与其他玩家一起进入精灵乐园,展开充满惊喜的冒险之旅。游戏特色:全新的魔法冒险:在更加精致的画面下,享受全新的精灵乐园冒险。精美的游戏画面:游戏中采用了3D最新技术,打造了唯美的游戏画面,让玩家感受到全新的视觉震撼。各种各样的活动:在游戏中,玩家可以参加各种各样的活动,获得大量游戏奖励。丰
703
2024-05-06
餐厅萌物语
《餐厅萌物语》是一款可爱的餐厅经营模拟游戏。在这个游戏中,你将扮演一位年轻的餐厅老板,通过经营和管理餐厅,迎接一群可爱的萌物顾客,打造出一家独特而繁忙的餐厅。游戏特色:可爱的萌物顾客:游戏中有各种可爱的动物人物作为顾客,每个动物都有自己的喜好和需求,你需要根据他们的喜好来提供最合适的菜品。自定义餐厅:从装修到家具摆设,你可以根据自己的喜好和创意来打造独特的餐厅,吸引更多的顾客。多样化的菜单:游戏中
574
2024-05-05
山河旅探
《山河旅探》游戏介绍《山河旅探》是一款引人入胜的剧情向国风本格推理探案游戏。这款游戏巧妙地将传统的中国文化元素与经典的推理探案玩法相结合,为玩家呈现出一个充满神秘与惊奇的游戏世界。在游戏中,玩家将扮演一名天才少年侦探,穿梭于山河之间,探索各种扑朔迷离的案件。每个案件都经过精心设计,充满悬疑与挑战,需要玩家运用智慧与观察力,收集线索,推理出真相。游戏的画面风格独特,采用了唯美的国风画风,将古代中国的
946
2024-05-05
恋与制作人
《恋与制作人》是一款由Elex开发的女性向手机游戏,是一款恋爱养成类型的游戏。在这款游戏中,你将扮演一名制作人,和四位各具特色的男主角展开一段浪漫之旅。游戏特色:真人配音,还原最真实的剧情体验。丰富的游戏剧情,跌宕起伏的情感故事,让你身临其境。完美还原了AR游戏的操作,让你更好地享受游戏乐趣。独具特色的游戏玩法让你更加深入了解男主角,体验不一样的恋爱。通过任务和活动赚取道具,使用道具提升男主角属性
519
2024-05-04
最强大脑3
《最强大脑3》是一款刺激有趣的智力竞技游戏,挑战你的大脑极限,展现你的智慧与技巧。在这个游戏中,玩家将面对各种脑力挑战,包括解密、推理、记忆等多种题材,让你的大脑得到全方位的锻炼。游戏特色:多样化的挑战题材,涵盖解密、推理、记忆等多个领域,保证你不会感到无聊。丰富的关卡设计,难度逐渐增加,挑战你的智商极限。多种游戏模式可供选择,单人挑战、多人对战,让你与好友一同比拼智商。精美的画面设计和音效,营造
869
2024-05-04
异尘:达米拉
《异尘:达米拉》游戏介绍《异尘:达米拉》是一款引人入胜的全3D异星轻科幻御宅塔防游戏。在这个游戏中,玩家将扮演阿图姆号的长官,肩负起延续人类希望的重任,带领一群充满朝气和活力的「新生」少女,踏上神秘的达米拉星,探索这颗绿色异星的一切。游戏以独特的科幻设定和精美的3D画面为玩家呈现了一个充满未知和挑战的异星世界。在这片神秘的土地上,玩家需要带领少女们建立坚固的防御工事,抵御来自异星的威胁,同时还需要
254
2024-05-03
少年西游记2
《少年西游记2》游戏介绍踏入《少年西游记2》的世界,就是踏入了一个瑰丽奇幻、充满东方韵味的工业朋克冒险之旅。这款游戏作为少年系卡牌的最新力作,将国潮元素与朋克风格完美融合,为玩家呈现出一个前所未有的西游世界。首先,游戏的画风独具匠心。设计师们巧妙地将传统的国画、版画技法与现代朋克元素相结合,使得每一个角色、每一个场景都充满了浓厚的东方韵味和前卫的朋克气息。玩家仿佛置身于一个融合了古典与现代、东方与
951
2024-05-03
24小时阅读排行榜
- 1 如何使用插入的非“.parent”元素替换“.parent”列表项的背景颜色?
- 2 dsm.dll - 什么是 dsm.dll?
- 3 dslmgr.exe - 什么是 dslmgr.exe?
- 4 如何在 Spark DataFrame 中添加常量列?
- 5 如何在没有 JavaScript 的情况下在鼠标悬停在图像上时显示文本?
- 6 有效 JSON 有哪些不同的定义?
- 7 将临时 `std::string::c_str()` 传递给 C 中的函数是否安全?
- 8 如何通过 PDO ODBC 将 PHP 连接到 MSSQL:驱动程序设置分步指南
- 9 如何在 IE8 中实现斑马条纹表格:可以模拟 `nth-child()` 吗?
- 10 ES2015中的箭头函数可以不用`var`或`const`来命名吗?
- 11 dsp_sub.dll - 什么是 dsp_sub.dll?
- 12 如何使用纯 CSS 实现固定侧边栏的选择性滚动?
- 13 如何修复 App Engine 中的“无法猜测 Mimetype”错误?
- 14 drpdvaviengine.dll - 什么是 drpdvaviengine.dll?
- 15 如何在 PHP 中使用“date_modify”获取当前月份的第一天?
更多>
最新教程
-
- 国外Web开发全栈课程全集
- 1695 2024-04-24
-
- Go语言实战之 GraphQL
- 1970 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3390 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2924 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1782 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2600 2024-03-29
jQuery人物图片拼图游戏代码
这是一款简单好玩的jQuery人物图片拼图游戏代码,点击开始游戏随机打乱图片,有时间和操作步数记录。
js代码
<script type="text/javascript">
$(function(){
var tt=null;
// 游戏完成时间和步数
var times=0;
var time=0;
// 打乱之前的图片数组准备加油
var src= Array();
src.push("images/201.png");
src.push("images/202.png");
src.push("images/203.png");
src.push("images/204.png");
src.push("images/205.png");
src.push("images/206.png");
src.push("images/207.png");
src.push("images/208.png");
src.push("images/209.png");
// 按钮事件加油。。。开始游戏
$('#button').click(function(){
clearInterval(tt)
// 时间归0
time=0;
times=0;
// 来来来设置时间;了
tt=setInterval(shij,1000)
function shij(){
time ;
$(".time>p>span").text(time)
}
// 乱序排列
var srcUsing= new Array();
for(var p=0; p<src.length;p ){
srcUsing[p]=src[p];
}
var newArry= new Array();
for(var i=0;i< $("#box img").length;i ){
newArry.push(srcUsing.splice(Math.floor(Math.random()*srcUsing.length), 1));
}
for(var j=0;j<newArry.length;j ){
$("#box img").eq(j).attr("src",String(newArry[j]));
}
// 设置一个空白图片,
var Arrps=document.getElementById("box").getElementsByTagName("img");
for(var i=0;i<Arrps.length;i ){
Arrps[i].onclick=function(){
if (this.getAttribute("src")=="images/201.png");
changeP(this,Arrps);
};
}
})
// 雪花
函数changeP(ob,Arrps){
var Ni=0;
var Nj=0;
for(var i=0;i
if ( Arrps [ i ] == ob )
{
# // 警报(OB)
Ni=i;
}
if(Arrps[i].getAttribute("src")=="images/201.png")
{
# Nj=i;
}
}
// 背景### if ( Math .abs( Ni - Nj ) == 3 )
{
# var tempOb=ob.getAttribute("src");
ob.setAttribute("src","images/201.png"); Arrps[Nj].setAttribute("src",temperOb);
次;
ifright();
}否则 if((If-Nj)==1&&(If%3)!=0){
var tempOb=ob.getAttribute("src");
ob.setAttribute("src","images/201.png"); Arrps[Nj].setAttribute("src",temperOb);
次;
ifright();
}否则 if((If-Nj)==-1&&(If%3)!=2){
var tempOb=ob.getAttribute("src");
ob.setAttribute("src","images/201.png"); Arrps[Nj].setAttribute("src",temperOb);
次;
ifright();
}
$(".bu>p>span").text(times)
}
function ifright(){
var ps=document.getElementById("box");
var Arrps=ps.getElementsByTagName("img");
for(var i=0;i<src.length;i ){
if(src[i]!=Arrps[i].getAttribute("src")) return;
}
alert("恭喜,你成功了。。" "\n" "用了" times "步")
}
})
</script>
js代码
<script type="text/javascript">
$(function(){
var tt=null;
// 游戏完成时间和步数
var times=0;
var time=0;
// 打乱之前的图片数组准备加油
var src= Array();
src.push("images/201.png");
src.push("images/202.png");
src.push("images/203.png");
src.push("images/204.png");
src.push("images/205.png");
src.push("images/206.png");
src.push("images/207.png");
src.push("images/208.png");
src.push("images/209.png");
// 按钮事件加油。。。开始游戏
$('#button').click(function(){
clearInterval(tt)
// 时间归0
time=0;
times=0;
// 来来来设置时间;了
tt=setInterval(shij,1000)
function shij(){
time ;
$(".time>p>span").text(time)
}
// 乱序排列
var srcUsing= new Array();
for(var p=0; p<src.length;p ){
srcUsing[p]=src[p];
}
var newArry= new Array();
for(var i=0;i< $("#box img").length;i ){
newArry.push(srcUsing.splice(Math.floor(Math.random()*srcUsing.length), 1));
}
for(var j=0;j<newArry.length;j ){
$("#box img").eq(j).attr("src",String(newArry[j]));
}
// 设置一个空白图片,
var Arrps=document.getElementById("box").getElementsByTagName("img");
for(var i=0;i<Arrps.length;i ){
Arrps[i].onclick=function(){
if (this.getAttribute("src")=="images/201.png");
changeP(this,Arrps);
};
}
})
// 雪花
函数changeP(ob,Arrps){
var Ni=0;
var Nj=0;
for(var i=0;i
{
# // 警报(OB)
Ni=i;
}
if(Arrps[i].getAttribute("src")=="images/201.png")
{
# Nj=i;
}
}
// 背景### if ( Math .abs( Ni - Nj ) == 3 )
{
# var tempOb=ob.getAttribute("src");
ob.setAttribute("src","images/201.png"); Arrps[Nj].setAttribute("src",temperOb);
次;
ifright();
}否则 if((If-Nj)==1&&(If%3)!=0){
var tempOb=ob.getAttribute("src");
ob.setAttribute("src","images/201.png"); Arrps[Nj].setAttribute("src",temperOb);
次;
ifright();
}否则 if((If-Nj)==-1&&(If%3)!=2){
var tempOb=ob.getAttribute("src");
ob.setAttribute("src","images/201.png"); Arrps[Nj].setAttribute("src",temperOb);
次;
ifright();
}
$(".bu>p>span").text(times)
}
function ifright(){
var ps=document.getElementById("box");
var Arrps=ps.getElementsByTagName("img");
for(var i=0;i<src.length;i ){
if(src[i]!=Arrps[i].getAttribute("src")) return;
}
alert("恭喜,你成功了。。" "\n" "用了" times "步")
}
})
</script>
本站声明
本站所有资源均由网友贡献发布,或转载各大下载站。请自行检查软件的完整性!本网站所有资源仅供学习和参考。请勿用于商业用途,否则造成的一切后果由您自行负责!如有侵权,请联系我们删除下架。联系方式:admin@php.cn