效果预览:http://hovertree.com/texiao/js/5.htm截图:HTML文件代码:
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>google LOGO纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰</title><base target="_blank" href="http://hovertree.com/texiao/js/" /><script>window.google = {kEI: "3TLKTfD9DsmxcNrP7aIG", kEXPI: "17259,18167,28505,28555,29685,29795,29813,29957,30035,30107,30152,30205", kCSI: { e: "17259,18167,28505,28555,29685,29795,29813,29957,30035,30107,30152,30205", ei: "3TLKTfD9DsmxcNrP7aIG", expi: "17259,18167,28505,28555,29685,29795,29813,29957,30035,30107,30152,30205" }, authuser: 0, ml: function () { }, kHL: "zh-CN", time: function () { return (new Date).getTime() },log: function (c, d, b) { var a = new Image, e = google, g = e.lc, f = e.li; a.onerror = (a.onload = (a.onabort = function () { delete g[f] })); g[f] = a; b = b || "/gen_204?atyp=i&ct=" + c + "&cad=" + d + "&zx=" + google.time(); a.src = b; e.li = f + 1 }, lc: [], li: 0,Toolbelt: {}};</script><style>.hvtcenter{width:760px;margin:2px auto;}</style></head><body><div class="hvtcenter"><h2>google LOGO纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰</h2></div><center><br id="lgpd" clear="all"><div id="lga"><style>#hplogo {background: white;cursor: pointer;height: 156px;position: relative;width: 403px;}#hplogo div {pointer-events: none;position: absolute;}</style><div id="hplogo"><a href="http://hovertree.com/texiao/js/5/logoinfo.htm"><img src="5/images/graham11-hp-start.png" alt="现代舞先驱玛莎·葛兰姆 117 周年诞辰" title="现代舞先驱玛莎·葛兰姆 117 周年诞辰" border="0"></a><div style="left: 307px; top: 48px; width: 88px; height: 89px; background: url(5/images/graham11-hp-sPRite.png) no-repeat scroll 0px 0px transparent;" id="hplogo0"></div><div style="left: 307px; top: 48px; width: 89px; height: 89px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -88px 0px transparent;" id="hplogo1"></div><div style="left: 307px; top: 48px; width: 91px; height: 89px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -177px 0px transparent;" id="hplogo2"></div><div style="left: 305px; top: 49px; width: 93px; height: 89px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -268px 0px transparent;" id="hplogo3"></div><div style="left: 305px; top: 50px; width: 93px; height: 88px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -361px 0px transparent;" id="hplogo4"></div><div style="left: 305px; top: 50px; width: 93px; height: 88px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -454px 0px transparent;" id="hplogo5"></div><div style="left: 306px; top: 52px; width: 92px; height: 86px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -547px 0px transparent;" id="hplogo6"></div><div style="left: 305px; top: 53px; width: 93px; height: 84px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -639px 0px transparent;" id="hplogo7"></div><div style="left: 305px; top: 54px; width: 94px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -732px 0px transparent;" id="hplogo8"></div><div style="left: 306px; top: 54px; width: 93px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -826px 0px transparent;" id="hplogo9"></div><div style="left: 307px; top: 54px; width: 92px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -919px 0px transparent;" id="hplogo10"></div><div style="left: 307px; top: 54px; width: 92px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1011px 0px transparent;" id="hplogo11"></div><div style="left: 308px; top: 54px; width: 90px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1103px 0px transparent;" id="hplogo12"></div><div style="left: 308px; top: 54px; width: 90px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1193px 0px transparent;" id="hplogo13"></div><div style="left: 306px; top: 53px; width: 91px; height: 84px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1283px 0px transparent;" id="hplogo14"></div><div style="left: 306px; top: 53px; width: 91px; height: 84px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1374px 0px transparent;" id="hplogo15"></div><div style="left: 308px; top: 53px; width: 90px; height: 84px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1465px 0px transparent;" id="hplogo16"></div><div style="left: 308px; top: 53px; width: 90px; height: 84px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1555px 0px transparent;" id="hplogo17"></div><div style="left: 305px; top: 53px; width: 92px; height: 84px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1645px 0px transparent;" id="hplogo18"></div><div style="left: 305px; top: 52px; width: 92px; height: 85px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1737px 0px transparent;" id="hplogo19"></div><div style="left: 306px; top: 52px; width: 91px; height: 85px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1829px 0px transparent;" id="hplogo20"></div><div style="left: 308px; top: 51px; width: 88px; height: 87px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -1920px 0px transparent;" id="hplogo21"></div><div style="left: 308px; top: 50px; width: 88px; height: 88px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll 0px -89px transparent;" id="hplogo22"></div><div style="left: 308px; top: 49px; width: 88px; height: 88px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -88px -89px transparent;" id="hplogo23"></div><div style="left: 307px; top: 49px; width: 89px; height: 88px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -176px -89px transparent;" id="hplogo24"></div><div style="left: 307px; top: 50px; width: 89px; height: 87px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -265px -89px transparent;" id="hplogo25"></div><div style="left: 308px; top: 51px; width: 89px; height: 86px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -354px -89px transparent;" id="hplogo26"></div><div style="left: 307px; top: 54px; width: 90px; height: 83px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -443px -89px transparent;" id="hplogo27"></div><div style="left: 307px; top: 57px; width: 90px; height: 80px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -533px -89px transparent;" id="hplogo28"></div><div style="left: 306px; top: 58px; width: 92px; height: 79px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -623px -89px transparent;" id="hplogo29"></div><div style="left: 306px; top: 58px; width: 92px; height: 79px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -715px -89px transparent;" id="hplogo30"></div><div style="left: 305px; top: 60px; width: 92px; height: 77px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -807px -89px transparent;" id="hplogo31"></div><div style="left: 302px; top: 61px; width: 95px; height: 76px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -899px -89px transparent;" id="hplogo32"></div><div style="left: 302px; top: 63px; width: 95px; height: 74px; background: url(5/images/graham11-hp-sprite.png) no-repeat scroll -994px -89px transparent;" id="hplogo33"></div><div style="left: 302px; top: 51px; width: 96px; height: 86px; background: url(5/i
新闻热点
疑难解答