{"id":71,"date":"2014-06-05T18:40:02","date_gmt":"2014-06-05T10:40:02","guid":{"rendered":"http:\/\/gaigaiming.com\/?p=71"},"modified":"2014-06-05T18:40:02","modified_gmt":"2014-06-05T10:40:02","slug":"%e5%bc%b9%e6%80%a7%e8%8f%9c%e5%8d%95-js","status":"publish","type":"post","link":"https:\/\/www.gaigaiming.com\/index.php\/2014\/06\/05\/%e5%bc%b9%e6%80%a7%e8%8f%9c%e5%8d%95-js\/","title":{"rendered":"\u5f39\u6027\u83dc\u5355-js"},"content":{"rendered":"
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\n<title>\u5f39\u6027\u83dc\u5355<\/title>\n<style>\n*{ padding:0; margin:0; list-style:none;}\n#ul1{ width:800px; position:relative; margin:10px auto; background:#9C0; height:30px;}\n#ul1 li{ width:200px; height:30px; line-height:30px; text-align:center; float:left; z-index:2; position:relative;}\n#ul1 li a{ display:block}\n#ul1 li.box{ position:absolute; background:#ff0; left:0; top:0; z-index:1;}\n<\/style>\n<\/head>\n<script>\nwindow.onload=function(){\nvar oUl=document.getElementById('ul1');\nvar aLi=oUl.children;\nvar oBox=aLi[aLi.length-1];\n\nfor(var i=0;i<aLi.length-1;i++){\naLi[i].onmouseover=function(){\nstartMove(oBox,this.offsetLeft);\n};\n}\n};\nvar i=0;\nfunction startMove(obj,iTarget){\nobj.speed=obj.speed||0;\nobj.left=obj.left||obj.offsetLeft;\n\nclearInterval(obj.timer);\nobj.timer=setInterval(function(){\nobj.speed+=(iTarget-obj.left)\/5;\nobj.speed*=0.7;\nobj.left+=obj.speed;\nobj.style.left=Math.round(obj.left)+'px';\n\nif(Math.abs(obj.speed)<1&&obj.offsetLeft==iTarget){\nclearInterval(obj.timer);\n}\ndocument.title=i++;\n\n},30);\n}\n<\/script>\n<body>\n<ul id=\"ul1\">\n<li><a href=\"http:\/\/www.gaigaiming.com\">\u9996\u9875<\/a><\/li>\n<li><a href=\"javascript:;\">\u4f5c\u54c1<\/a><\/li>\n<li><a href=\"javascript:;\">\u7528\u6237<\/a><\/li>\n<li><a href=\"javascript:;\">\u8bba\u575b<\/a><\/li>\n<li class=\"box\"><\/li>\n<\/ul>\n<\/body>\n<\/html><\/pre>\n
 <\/p>\n
\u5229\u7528\u5b9a\u4f4d\uff0c\u8fd0\u52a8\u5c55\u793a\u5f39\u6027\u83dc\u5355\u3002<\/p>\n
\u5148\u6e05\u518d\u5b9a\u65f6\u5668\u3002<\/p>\n
DEMO<\/strong><\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html PUBLIC “-\/\/W3C\/\/DTD XHTML 1.0 Transit […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":0,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}