<script type="text/javascript">// <![CDATA[ // // Brief: 這個script會根據目前的滑鼠位置,更新畫面上的圖片 // 當點選時,則移動到該角色的自我介紹 // 作者: 葡萄 @ 安戴麗伺服器 // // 環境設定 var img_base = "http://pic.pimg.tw/rinascimento/"; // 所有圖檔放的位置 // 宣告第一頁和第二頁 var scene_page1 = new Scene("第一頁", "6f9609d128747b043452305c1de9a85c.jpg", 0); var scene_page2 = new Scene("第二頁", "edf0e40061bb8cf13419488b3e3f8790.png", 0); // 會員資料 var momo_door_to_page1 = new Array(new Rect("MOMO的門", 458, 43, 550, 218, "1e385fcdfdf665b0dcda9e5d5816ce2a.gif", scene_page1)); var momo_door_to_page2 = new Array(new Rect("MOMO的門", 458, 43, 550, 218, "1e385fcdfdf665b0dcda9e5d5816ce2a.gif", scene_page2)); var scene_momo= new Scene("MOMO", "4ccd1aaa2fccf3861ebdaa25a9ac97bf.jpg", momo_door_to_page1); var scene_child= new Scene("小孩", "8e45bbf12048224c86807f9578aaa50a.jpg", momo_door_to_page1); var scene_hello= new Scene("哈囉", "9b3b621837233f077006d75a06e9b853.jpg", momo_door_to_page1); var scene_demon= new Scene("惡魔", "b26007508360bd468b7fd955ba69e8f0.jpg", momo_door_to_page1); var scene_angel= new Scene("天使", "8845d0103b555f1d8e36f6f43536bdbe.jpg", momo_door_to_page1); var scene_sword= new Scene("天天", "c1f107fad42b0ab255662c529965787f.jpg", momo_door_to_page1); var scene_pig= new Scene("豬豬", "37403cc2b5f009f03fbe0476b5e4dec6.jpg", momo_door_to_page1); var scene_catcat= new Scene("貓貓", "7026541131594bb87d3f694252cb66f4.jpg", momo_door_to_page1); var scene_sugar= new Scene("糖", "11399ef5a7a2bb5b5e2877486af5e651.jpg", momo_door_to_page1); var scene_law= new Scene("勞", "df783048d2e6a677f6c0ef2e4d71ac62.jpg", momo_door_to_page1); var scene_elf=new Scene("精靈", "54719c45893909951466ade1eebf4d36.jpg", new Array(new Rect("MOMO的門", 458, 43, 550, 218, "7e8facf8c6b95a1dd9baae31d873c35b.gif", scene_page1))); var scene_blank1=new Scene("空白", "f7747facb57a3aa9143275aba6511e6a.jpg", momo_door_to_page1); var scene_shadow= new Scene("阿影", "1b13fa76152d1ae3a1a66e9ef5565e4e.jpg", momo_door_to_page1); var scene_smallfe= new Scene("菲菲", "e92a3346b28e974bb7b40b8152378ebf.jpg", momo_door_to_page1); var scene_bela= new Scene("貝拉", "8cb92ec94437937d7ab7e5ff1827abca.jpg", momo_door_to_page1); var scene_ga= new Scene("大嘎", "981g75b0blc4690c1a11c4a918d1e3n2.jpg", momo_door_to_page1); var scene_momo2= new Scene("MOMO", "4ccd1aaa2fccf3861ebdaa25a9ac97bf.jpg", momo_door_to_page2); var scene_15 = new Scene("翊舞", "d83967dfde8612d59e8216d44578e379.jpg", momo_door_to_page2); var scene_miao = new Scene("小喵", "f9098b0333f526a3ab1a022f48745a4f.jpg", momo_door_to_page2); var scene_lan = new Scene("阿浪", "6f0101b69cc91e1708a219be9ca3389d.jpg", momo_door_to_page2); var scene_orange = new Scene("柳丁", "f1a34dbc1a8fceaa8de03a45597cc07a.jpg", momo_door_to_page2); var scene_sheng = new Scene("阿申", "c8d551f6084a48c0eb0f7cb593f9e5e6.jpg", momo_door_to_page2); var scene_bigfe = new Scene("大菲", "6fde716bf366167244f8a395963878dd.jpg", momo_door_to_page2); var scene_smallcat = new Scene("小貓", "0891bf06411e552109ec9db702ca6b17.jpg", momo_door_to_page2); var scene_rabbit = new Scene("小兔", "aceae8b9b56901af45754a4e06472640.jpg", momo_door_to_page2); var scene_strawberry = new Scene("草莓", "53691009fcf6d4045a2b5fbfd0a8d01c.jpg", momo_door_to_page2); var scene_kitty = new Scene("kitty", "dba91a53eccd38ba6e20036c418d6a65.jpg", momo_door_to_page2); var scene_xian = new Scene("仙人", "78409bb62b3fc3c3101c69238a3216c8.jpg", momo_door_to_page2); var scene_02 = new Scene("靈兒", "18ca01cd911fe991a79c71bf7d42757f.jpg", momo_door_to_page2); var scene_grapes=new Scene("葡萄", "54719c45893909951466ade1eebf4d36.jpg", new Array(new Rect("MOMO的門", 458, 43, 550, 218, "7e8facf8c6b95a1dd9baae31d873c35b.gif", scene_page2))); var scene_si=new Scene("澄希", "5ca62e719ede7eb568b101eae7103815.jpg", momo_door_to_page2); var scene_blank2=new Scene("空白", "fa4a9deab998f3006db10835df979a53.jpg", new Array(new Rect("MOMO的門", 458, 43, 550, 218, "5400d834a29c8da7b2ba2de60b3e509b.gif", scene_page2))); var scene_cc=new Scene("CC", "7900f4ac8f1f9416ad20043c924d4ecc.jpg", momo_door_to_page2); // 第一頁成員 scene_page1.members = new Array( new Rect("MOMO", 227, 258, 309, 472, "c866598a4e1e6126569e225ce448dc6f.gif", scene_momo), new Rect("小孩", 394, 206, 437, 266, "8f0b6039f5cc23b2a88355bb53600de6.gif", scene_child), new Rect("精靈", 382, 283, 468, 451, "274164cbd0e764e102c0db81a03861e8.gif", scene_elf), new Rect("哈囉", 269, 25, 323, 103, "e3d34c986892033fcb381f0b74b28dd6.gif", scene_hello), new Rect("大嘎", 378, 23, 420, 109, "c878d726c2afd8bd7ae1a67ceac6c5a9.gif", scene_ga), new Rect("天使", 220, 173, 265, 250, "a034c40a9584e39fe5576a7e1104f63a.gif", scene_angel), new Rect("惡魔", 145, 103, 227, 172, "3cb85b7cbdeab6eaa83362f252a93657.gif", scene_demon), new Rect("勞", 101, 242, 208, 340, "19a4075ba90908de2635e7b765801c01.gif", scene_law), new Rect("空白", 105, 186, 213, 377, "e85165cdded9b58fbbb1daf6bc20e79a.gif", scene_blank1), new Rect("菲菲", 452, 176, 502, 294, "4f676c16cde8415fd39faf3d160d9320.gif", scene_smallfe), new Rect("貝拉", 423, 55, 488, 150, "88a8ed13ef99a0bff02c6d15ad5fcb31.gif", scene_bela), new Rect("天天", 299, 3, 361, 109, "898f5af029746b77718b030349c832c8.gif", scene_sword), new Rect("阿影", 302, 248, 391, 385, "380cdfac64dc0b024368b5f95baad099.gif", scene_shadow), new Rect("豬豬", 302, 103, 367, 180, "ed5d8759cc0e68fe8dcbfda2650f8c0c.gif", scene_pig), new Rect("糖", 225, 91, 297, 175, "f341571263d28927bfb2f325e87ddc08.gif", scene_sugar), new Rect("貓貓", 365, 117, 450, 220, "b39f56a3f01dc5ccb39a1cc5bc7a3476.gif", scene_catcat), new Rect("MOMO的門", 266, 157, 340, 243, "4c474de2d909a0de1ec74c0202b28782.gif", scene_page2)); // 第二頁成員 scene_page2.members = new Array( new Rect("翊舞", 3, 255, 86, 384, "00ea2bf779b65adfd8d1d834a7ad6d53.gif", scene_15), new Rect("小喵", 202, 269, 269, 398, "329cefc50fd202d5339c29f55ccd00d6.gif", scene_miao), new Rect("柳丁", 150, 76, 215, 139, "724c0e00aa8e33bdbe27830ac508a022.gif", scene_orange), new Rect("阿浪", 221, 51, 309, 161, "aad7c79c4f0595a575096fca6328d830.gif", scene_lan), new Rect("葡萄", 446, 100, 525, 195, "d8c14c9e96e304310c9051234679b87c.gif", scene_grapes), new Rect("澄希", 435, 261, 495, 335, "f737497ff3d296d54b38a1b8b34ddce0.gif", scene_si), new Rect("小兔", 131, 387, 266, 480, "84d21c72dfe356a401b837d1b104bae0.gif", scene_rabbit), new Rect("仙人", 383, 248, 439, 348, "ea8fcc69c89982fe29f2c57238ee3ccf.gif", scene_xian), new Rect("草莓", 253, 359, 365, 486, "a35d1ea247a9708f2a8a28f4f9a00d5e.gif", scene_strawberry), new Rect("小貓", 0, 360, 176, 487, "31e076cfb06b9a3a04634b213da16312.gif", scene_smallcat), new Rect("靈兒", 508, 65, 625, 218, "b8bc735c0c57918ded5472df2790f147.gif", scene_02), new Rect("CC", 251, 221, 335, 312, "caacdbb0e101e43ddc52ead0f95ec65f.gif", scene_cc), new Rect("kitty", 462, 380, 557, 486, "e76de291a8cb80f5b3ec96dfcb247679.gif", scene_kitty), new Rect("空白", 358, 153, 482, 283, "3776c4a08e16567640c1334d5af8ca2b.gif", scene_blank2), new Rect("大菲", 148, 265, 230, 375, "c2058bea5b04b9f8bca07a40de7e628d.gif", scene_bigfe), new Rect("MOMO", 478, 228, 553, 366, "d5420d1868a079ecdab549ed89b386ed.gif", scene_momo2), new Rect("阿申", 549, 230, 625, 370, "5f7ef04cb8f14e0a20fc87e784bc5cd8.gif", scene_sheng), new Rect("MOMO的門", 3, 66, 58, 113, "cb1002c9bb8e9d6d34de688681943324.gif", scene_page1)); // // 程式碼 // var scene = scene_page1; // current scene var m; // current member var bk_div; var img_div; var dbg_div; // Rectclass function Rect(name, left, top, right, bottom, image, scene) { this.name = name; this.left = left; this.top = top; this.right = right; this.bottom = bottom; this.image_url= img_base+image; this.scene = scene; // preload image if (document.images) { this.pic1= new Image(625, 545); this.pic1.src=this.image_url; } } // Scene class function Scene(name, bk_image, members) { this.name = name; this.bk_image = img_base+bk_image; this.members = members; // preload image if (document.images) { this.pic1= new Image(625, 545); this.pic1.src=this.bk_image; } } // Functions function MouseOnMember(tempX, tempY, member) { if(tempX < member.left) return false; if(tempX > member.right) return false; if(tempY < member.top) return false; if(tempY > member.bottom) return false; return true; } function OnClick(e) { if(m) { if(m.scene) { scene = m.scene; onMouseMove(e); } } } function onMouseMove(e) { // get mouse position var tempX= e.pageX; var tempY = e.pageY; // convert to offset on image var pos = img_div.offset(); tempX = tempX - pos.left; tempY = tempY - pos.top; // search members m = 0; for(i in scene.members) { if(MouseOnMember(tempX, tempY, scene.members[i])) { m = scene.members[i]; img_div .attr("src", m.image_url); break; } } if(m == 0) img_div.attr("src", scene.bk_image); // set background bk_div.css("backgroundImage", "url("+scene.bk_image+")").css("backgroundRepeat","no-repeat"); // update debug message dbg_div.html("mouse position ("+tempX+","+tempY+") scene="+scene.name+" rect="+m.name); } // entry jQuery("#image_tag").ready(function() { bk_div = jQuery("#background_div"); img_div = jQuery("#image_tag"); dbg_div = jQuery("#debug_div"); bk_div.click(OnClick).mousemove(onMouseMove); }); // disable auto resize of pixnet pix.autoImgResize = function(){}; // ]]></script> <div id="background_div"><img id="image_tag" src="https://pimg.1px.tw/rinascimento/6f9609d128747b043452305c1de9a85c.jpg" alt="" /></div> <div> </div> <div> </div> <div>指到會員身上會說話喔(第一次請等幾秒鐘抓圖喔)</div> <div>PS.點中間的門可以進去哦!!!</div> <!-- <div id="debug_div">mouse position</div> -->
做的好用心喔XDD((噴心 話說...惡魔那張大頭好可愛XDDDD 怎麼看都看不膩XDDDDD 空白好神密XDDD還是白白的~ 阿~話說~空白自我介紹有2個耶!!
改掉了啊 第二個是制作名單 PS:我是空白
耶耶耶耶耶!!!!! 難產這麼久~~~ 終於做出來了OTZ 希望大家喜歡~~~~~~~~ 經歷了很多次的討論、意見不合、催稿 發現問題、解決問題 發現公會真的人才擠擠XDDD 這是大家合力一起完成的 謝謝大家配合 終於生出來了!!!!! 好感動啊XD
好用心做喔 (感動 公會好棒~
這張好可愛喔><超想打包下來^^
哎唷唷... 害我想加入了=A= 好想跳槽啊... 安服CH5居民 - w -....
老實說我很喜歡這樣的感覺 不過看著你們如此和諧的樣子,就覺得貿然加入可能有好有壞
歡迎喜歡玩活動~ 愛聊天喜愛瑪奇的人加入我們啊!!XD 基本上去到每一個地方都需要一段適應期!! 絕對會有你喜歡跟你不喜歡的人 基本上如果展開雙臂大家都會接納你的! 我想不管任何地方都是這樣哦ou<
茶茶貓 跟我分身的名字好像 XD" 茶茶喵