html：修改版火影忍者静态网页设计,实例三(附带完整源码) |
您所在的位置：网站首页 › 动漫网页代码HTML模版 › html：修改版火影忍者静态网页设计,实例三(附带完整源码) |
html：修改版火影忍者静态网页设计,实例三(附带完整源码)
|
上效果图，想象下这是动态的，因为我只能截图，就想象下吧，我觉得就这么单纯的网页就算加上酷炫效果也不够好啊，我就每一个网页加了火影忍者的主题曲，还真的好听，哈哈！ 先看视频感受下效果： 修改版火影忍者网页 视频加载浪费流量没关系，看我截图,想象下这是动态的！动态的！！还带着主题曲的背景音乐!!  在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述上源码： 一.火影介绍源码： 代码语言：javascript复制 火影介绍 function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } ; 首页 火影介绍 角色资料 精选壁纸 ; ; 火影介绍（本页背景音乐-《夏日星》）
版权所有：火影忍者 作者：川川 学号：123465 二.首页源码 代码语言：javascript复制 首页 function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } ; 首页 火影介绍 角色资料 精选壁纸 火影忍者世界 ; ; 火影忍者主题曲 壁纸预览
; ;版权所有：火影忍者 作者：川川 学号：123456 三.精选壁纸源码： 代码语言：javascript复制 精选壁纸 function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } ; 首页 火影介绍 角色资料 精选壁纸 ; ; 精选壁纸
; ;版权所有：火影忍者 作者：川川 学号：123456 四.角色介绍源码： 代码语言：javascript复制 角色资料 function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } ; 首页 火影介绍 角色资料 精选壁纸 ; ; 角色资料
身份：火之国木叶村下忍（但实际上已经是超越火影的超S级忍者）、四代火影波风水门之子、自来也嫡传关门弟子、第三任九尾人柱力，传说中的“预言之子”
中文名：漩涡鸣人
日文名：うずまきナルト
宇智波佐助一心想追回的同伴，天赋与勤奋并存的天才忍者，拥有写轮眼的宇智波一族的后裔。
中文名：宇智波佐助
日文名：うちは サスケ
原为木叶暗部成员，后成为第七班的导师。因为拥有一只写轮眼，可以复制别人的忍术，故有“拷贝忍者”的外号。
中文名：旗木卡卡西
日文名：はたけカカシ
木叶中忍，五代火影千手纲手的弟子，木叶第一技师旗木卡卡西之徒，新一代出色医忍，原七班队友为漩涡鸣人和宇智波佐助，现七班队友为漩涡鸣人和佐井。
中文名：春野樱
日文名：はるのサクラ
;
版权所有：火影忍者 作者：川川 学号：123456 五.首页轮播图源码： 代码语言：javascript复制 幻灯片 body{ background:white;} .d1{width:550px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;position:relative;} .loading{width:550px;border:#666666 2px solid;background-color:#000000;color:#FFCC00;font-size:12px;height:179px;text-align:center;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;} .d2{width:100%;height:280px;overflow:hidden;} .num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;} .num_list span{display:inline-block;height:16px;padding-left:6px;} img{border:0px;} ul{display:none;} .button{position:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;} .b2{color:#FFCC33;background-color:#FF6633;} //主函数 var s=function(){ var interv=2000; //切换时间 var interv2=10; //切换速速 var opac1=80; //文字背景的透明度 var source="fade_focus" //图片容器的id名称 //获取对象 function getTag(tag,obj){if(obj==null){return document.getElementsByTagName(tag)}else{return obj.getElementsByTagName(tag)}} function getid(id){return document.getElementById(id)}; var opac=0,j=0,t=63,num,scton=0,timer,timer2,timer3;var id=getid(source);id.removeChild(getTag("div",id)[0]);var li=getTag("li",id);var div=document.createElement("div");var title=document.createElement("div");var span=document.createElement("span");var button=document.createElement("div");button.className="button";for(var i=0;i |
《火影忍者》是日本漫画家岸本齐史的代表作，作品自1999年开始在周刊《少年JUMP》上连载后，读者反应非常热烈。故事成功地将原本隐藏在黑暗中，用世界上最强大的毅力和最艰辛的努力去做最密不可宣和隐讳残酷的事情的忍者，描绘成了太阳下最值得骄傲最光明无限的的职业。在这个忍者的世界中，每一位年轻的主人翁都在开拓着属于自己的忍道。
这是一个忍者的世界。从小身上封印着邪恶的九尾妖狐， 鸣人受尽了村人的冷落，只是拼命用各种恶作剧试图吸引大家的注意力。好在还是有依鲁卡老师关心他，鸣人的性格才没有变得扭曲，他总是干劲十足，超级乐观。为了让更多的人认可自己，鸣人的目标是成为第六代火影！鸣人的同伴，是由老师确定的同班同学，随着共同的战斗，终于成了互相认可、信赖的好伙伴。
由日本集英社授权，连环画出版社正式引进出版，北京中少动漫图书有限公司发行的正式简体中文版《火影忍者》截止2011年3月已发行第53卷。【本文地址】
今日新闻 |
推荐新闻 |