仿王者荣耀JS示例代码

JS代码如下：

/**
*
*/var scroll_img=new Array();
for(var i=0;i<5;i++){scroll_img[i]="pic_scroll"+(i+1)+".jpeg";
}
var nowPic=2;
function loopShow(d1){nowPic=d1;document.getElementById("scroll_img").src=scroll_img[nowPic-1];for(var i=1;i<6;i++){if(nowPic==i){document.getElementById("scroll_number"+i).className="scroll_number_over";}else{document.getElementById("scroll_number"+i).className="scroll_number_out";}}if(nowPic>=5){nowPic=1;}else{nowPic++;}
}
setInterval("loopShow(nowPic)",2000);var public_id=["pcu1","pcu2","pcu3","pcu4","pcu5"];
function Move(data,that){var public_nav=document.getElementsByClassName("public_nav")[0].getElementsByTagName("div");for(var i=0;i<5;i++){public_nav[i].style="color:#aaa;background-color:rgba(0,0,0,0);";}that.style="color:#f3c258;background-color:rgba(50,50,50,0.7);";for(var i=0;i<5;i++){if(public_nav[i]==data){document.getElementById(public_id[i]).className="content_block";}else{document.getElementById(public_id[i]).className="content_none";}}document.getElementById(data).className="content_block";
}var games_id=["gcdiv1","gcdiv2","gcdiv3","gcdiv4","gcdiv5","gcdiv6","gcdiv7","gcdiv8"];
function gamesMove(data,that){var games_item_subnav=document.getElementsByClassName("games_item_subnav")[0].getElementsByTagName("div");for(var i=0;i<8;i++){games_item_subnav[i].style="color:#aaa;border-bottom:rgba(0,0,0,0) 3px solid;";}that.style="border-bottom:#f3c258 3px solid;color:black;";for(var i=0;i<8;i++){if(games_item_subnav[i]==data){document.getElementById(games_id[i]).className="content_block";}else{document.getElementById(games_id[i]).className="content_none";}}document.getElementById(data).className="content_block";
}var contents_id=["item_t1","item_t2","item_t3"];
function contentsMove(data,that){var contents_item_subnav=document.getElementsByClassName("contents_item_subnav")[0].getElementsByTagName("div");for(var i=0;i<3;i++){contents_item_subnav[i].style="color:#aaa;border-bottom:rgba(0,0,0,0) 3px solid;";}that.style="border-bottom:#f3c258 3px solid;color:black;";for(var i=0;i<3;i++){if(contents_item_subnav[i]==data){document.getElementById(contents_id[i]).className="content_block";}else{document.getElementById(contents_id[i]).className="content_none";}}document.getElementById(data).className="content_block";
}var herosskin_id=["heros_skin_contents1","heros_skin_contents2","heros_skin_contents3"];
function herosskinMove(data,that){var heros_skin_item_subnav=document.getElementsByClassName("heros_skin_item_subnav")[0].getElementsByTagName("div");for(var i=0;i<3;i++){heros_skin_item_subnav[i].style="color:#aaa;border-bottom:rgba(0,0,0,0) 3px solid;";}that.style="border-bottom:#f3c258 3px solid;color:black;";for(var i=0;i<3;i++){if(heros_skin_item_subnav[i]==data){document.getElementById(herosskin_id[i]).className="content_block";}else{document.getElementById(herosskin_id[i]).className="content_none";}}document.getElementById(data).className="content_block";
}var titles1_id=["item_contents_1","item_contents_2","item_contents_3","item_contents_4","item_contents_5","item_contents_6",
"item_contents_7","item_contents_8"];
function title1Move(data,that){var item_contents1=document.getElementsByClassName("item_title1")[0].getElementsByTagName("div");for(var i=0;i<8;i++){item_contents1[i].style="color:black;background-color:#f5f5f5;";}that.style="color:white;background-color:#f3c258;";for(var i=0;i<8;i++){if(item_contents1[i]==data){document.getElementById(titles1_id[i]).className="content_block";}else{document.getElementById(titles1_id[i]).className="content_none";}}document.getElementById(data).className="content_block";
}var titles2_id=["item_contents_9","item_contents_10","item_contents_11","item_contents_12","item_contents_13","item_contents_14",
"item_contents_15"];
function title2Move(data,that){var item_contents2=document.getElementsByClassName("item_title2")[0].getElementsByTagName("div");for(var i=0;i<7;i++){item_contents2[i].style="color:black;background-color:#f5f5f5;";}that.style="color:white;background-color:#f3c258;";for(var i=0;i<7;i++){if(item_contents2[i]==data){document.getElementById(titles2_id[i]).className="content_block";}else{document.getElementById(titles2_id[i]).className="content_none";}}document.getElementById(data).className="content_block";
}

HTML代码如下：

HTML代码https://blog.csdn.net/jasmyn518/article/details/121866535

CSS代码如下：

CSS代码https://blog.csdn.net/jasmyn518/article/details/121866617

仿王者荣耀JS示例代码相关推荐

仿王者荣耀CSS示例代码
CSS代码如下: *{margin: 0px;padding:0px; }ul{list-style: none; }a{text-decoration: none; }body{background ...
王者荣耀在android目录下的名字,王者荣耀名字空白代码怎么弄_名字空白代码设置方法...
王者荣耀名字空白代码怎么弄?名字空白代码设置方法.王者荣耀中起一个好听的名字是非常重要的,不少玩家看到别人名字有空白都想知道怎么弄,下面apk8小编为玩家们带来了名字空白代码设置方法,点进来看看. 王 ...
vue+node.js+moogodb仿王者荣耀移动端项目一
注:本项目根据全栈之巅bilibili学习写的学习链接https://www.bilibili.com/video/av51931842?from=search&seid=155804149 ...
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
效果预览①主页首页效果预览②游戏介绍页效果预览③游戏攻略页效果预览④手办商城页效果预览⑤问卷调查页效果预览⑥加入我们页微信公众号:创享日记发送:王者荣耀获取完整源码(打开即可用) 其余 ...
仿王者荣耀对战资料选项中的【雷达网图展示详细数据】
听朋友说[王者荣耀]挺火的让我也下载,没事的时候一块玩几局(这里不是打广告啊,毕竟我不是腾讯的员工,大写的尴尬...),当我查看个人资料的时候,看到有对战资料选项,对战的详细数据是以雷达网图的形式.圆 ...
android studio游戏摇杆开发教程，仿王者荣耀摇杆
李子果原创... 最近在做一个山寨版的王者荣耀,刚开始做的时候毫无头绪摇杆的多点触控做的特别烂经过几天的思考已完美解决所有问题,下面就和大家分享下这个摇杆的开发思路(此教程不包含游戏源码) 若有 ...
Android 仿王者荣耀广告弹窗,android仿王者荣耀对战资料之能力图
TX的王者荣耀最近是火的不得了啊,小编也是最近入坑.玩了几天之后,发现对战资料之能力图,蛮有意思(其实我想说,我们的产品妹子是个农药迷,非要把农药的能力图搬到我们的app中),于是就有了下面的自定义v ...
UDP IPv4广播地址计算（附Node.js示例代码）
文章目录目的计算方法示例代码代码演示总结目的 UDP广播是比较常用的一种功能,应用方面来说经常用在设备发现等功能中.UDP广播需要知道广播地址,这篇文章将介绍通过IPv4地址和子网掩码来计 ...
仿王者荣耀网站(html+css+js) 含有多个子网页
android 自定义图片上传,android自定义ImageView仿图片上传(示例代码)
Activity代码 1 public classMainActivity extends AppCompatActivity {2 ProcessImageView processImage ...

仿王者荣耀JS示例代码

仿王者荣耀JS示例代码相关推荐

最新文章

热门文章