{"id":671,"date":"2011-01-28T09:55:07","date_gmt":"2011-01-28T01:55:07","guid":{"rendered":""},"modified":"2014-03-11T22:36:22","modified_gmt":"2014-03-11T14:36:22","slug":"javascript%e6%bb%9a%e5%8a%a8%e6%96%b0%e9%97%bb%e7%b1%bb","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2011\/01\/28\/671.htm","title":{"rendered":"JavaScript\u6eda\u52a8\u65b0\u95fb\u7c7b"},"content":{"rendered":"

<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd<\/a>">
\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml<\/a>">
\n<head>
\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>
\n<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" \/>
\n<title>\u6eda\u52a8\u65b0\u95fb\u7c7b – 51js.com – biyuan<\/title>
\n<style type="text\/css">
\nbody {
\ntext-align:center;
\n}
\ntd {
\nfont-size:12px;
\nline-height:20px;
\ntext-align:left;
\n}
\n.marquee {
\nwidth:100%;
\nheight:100%;
\noverflow:hidden;
\n}
\n.m {
\nheight:20px;
\n}
\n.m2 {
\nheight:90px;
\n}
\n<\/style>
\n<\/head>
\n<body>
\n<table border=’1′>
\n<tr>
\n<td height=’20’ width=’250′><div id=’marquee1′ class=’marquee m’><\/div><\/td>
\n<td height=’20’ width=’300′><div id=’marquee2′ class=’marquee m’><\/div><\/td>
\n<\/tr>
\n<tr>
\n<td height=’99’ colspan=’2′>\u57fa\u672c\u4e0a\u591f\u7528\u4e86\u5427\uff01<\/td>
\n<\/tr>
\n<tr>
\n<td height=’90’ colspan=’2′><div id=’marquee3′ class=’marquee m2′><\/div><\/td>
\n<\/tr>
\n<\/table>
\n<script language="JavaScript">
\nfunction BYMarquee(){
\nthis.Content = []; \/\/\u663e\u793a\u5185\u5bb9
\nthis.Speed = 20; \/\/\u4e0a\u79fb\u901f\u5ea6
\nthis.Object = {}; \/\/marquee\u5bb9\u5668\u5bf9\u8c61
\nthis.Pause = true; \/\/\u662f\u5426\u505c\u7559
\nthis.Start = function(){
\nvar o = this.Object;
\nvar Pause = this.Pause;
\nvar Stop = false;
\nvar Stop2 = false;
\no.onmouseover = function(){
\nStop = Stop2 = true;
\n}
\no.onmouseout = function(){
\nStop = Stop2 = false;
\n}
\nvar BodyHtml = [];
\nfor(var i in this.Content){
\nBodyHtml.push("<a href=\\"" + this.Content[i].link + "\\">" + this.Content[i].text + "<\/a>");
\n}
\nvar Dv = document.createElement("div");
\nDv.innerHTML = BodyHtml.join("<br \/>");
\no.appendChild(Dv);
\nvar DvHeight = Dv.offsetHeight;
\nwhile(Dv.offsetHeight \/ 2 < o.offsetHeight){
\nDv.innerHTML += "<br \/>" + Dv.innerHTML;
\n}
\nDv.innerHTML += "<br \/>" + Dv.innerHTML;
\nsetInterval(function(){
\nif(!Stop){
\no.scrollTop ++;
\nif(o.scrollTop == o.scrollHeight – o.offsetHeight){
\no.scrollTop = DvHeight – o.offsetHeight;
\n}
\nif(Pause){
\nif(o.scrollTop % o.offsetHeight == 0){
\nStop = true;
\nsetTimeout(function(){
\nStop = Stop2;
\n}, 3000);
\n}
\n}
\n}
\n}, this.Speed);
\n}
\n}
\n\/\/\u5b9e\u4f8b1
\nvar marquee1 = new BYMarquee();
\nmarquee1.Content = [
\n{link : ‘#’, text : ‘\u82f1\u6cd5\u56fd\u9632\u90e8\u8bc1\u5b9e\u4e24\u56fd\u6838\u6f5c\u8247\u76f8\u649e’},
\n{link : ‘#’, text : ‘\u4e2d\u56fd\u8d74\u6b27\u91c7\u8d2d\u6e05\u5355\u6572\u5b9a \u6d89\u53ca\u91d1\u989d150\u4ebf\u5143’}
\n];
\nmarquee1.Object = document.getElementById(‘marquee1’);
\nmarquee1.Start();
\n\/\/\u5b9e\u4f8b2
\nvar marquee2 = new BYMarquee();
\nmarquee2.Content = [
\n{link : ‘#’, text : ‘\u5251\u4ed9\u674e\u6a2a\u63e1\u950b\u5229\u56a3\u5f20\u7684\u5730\u94dc\u5251\uff0c\u5de6\u53f3\u6643\u52a8’},
\n{link : ‘#’, text : ‘\u4f60\u7684\u5974\u96b6\u3010\u5251\u4ed9\u674e\u3011\u594b\u8d77\u53cd\u6297\uff0c\u88ab\u4f60\u72e0\u72e0\u5730\u6559\u8bad\u4e86\u4e00\u987f\uff01’},
\n{link : ‘#’, text : ‘\u6211\u7684\u5974\u96b6 Su.\u65b0\u6b66\u5c06 \u5728\u5974\u96b6\u5e02\u573a\u8f93\u7ed9\u4e86 \u91d1\u5149\u707f\u70c2’}
\n];
\nmarquee2.Speed = 10;
\nmarquee2.Object = document.getElementById(‘marquee2’);
\nmarquee2.Start();
\n\/\/\u5b9e\u4f8b3
\nvar marquee3 = new BYMarquee();
\nmarquee3.Content = [
\n{link : ‘#’, text : ‘\u5173\u4e8e\u5c01\u88c5\u7684\u65b9\u6cd5\u4e4b\u95f4\u8c03\u7528\u7684\u95ee\u9898\u6c42\u52a9’},
\n{link : ‘#’, text : ‘\u5982\u4f55\u7528Javascript\u6765\u5220\u9664\u6d4f\u89c8\u5668\u7684\u5386\u53f2\u8bb0\u5f55\uff1f’},
\n{link : ‘#’, text : ‘\u8bf7\u9ad8\u624b\u5e2e\u5fd9\u7834\u89e3\u4e00\u6bb5\u4ee3\u7801’}
\n];
\nmarquee3.Speed = 50;
\nmarquee3.Pause = false;
\nmarquee3.Object = document.getElementById(‘marquee3’);
\nmarquee3.Start();<\/p>\n

\n <\/p>\n

\/\/\u9500\u6bc1
\nmarquee1 = marquee2 = marquee3 = null;
\n<\/script>
\n<\/body>
\n<\/html>
\n<title>\u6eda\u52a8\u65b0\u95fb\u7c7b – 51js.com – biyuan<\/title>
\n<style type="text\/css">
\nbody {
\ntext-align:center;
\n}
\ntd {
\nfont-size:12px;
\nline-height:20px;
\ntext-align:left;
\n}
\n.marquee {
\nwidth:100%;
\nheight:100%;
\noverflow:hidden;
\n}
\n.m {
\nheight:20px;
\n}
\n.m2 {
\nheight:90px;
\n}
\n<\/style>
\n<\/head>
\n<body>
\n<table border=’1′>
\n<tr>
\n<td height=’20’ width=’250′><div id=’marquee1′ class=’marquee m’><\/div><\/td>
\n<td height=’20’ width=’300′><div id=’marquee2′ class=’marquee m’><\/div><\/td>
\n<\/tr>
\n<tr>
\n<td height=’99’ colspan=’2′>\u57fa\u672c\u4e0a\u591f\u7528\u4e86\u5427\uff01<\/td>
\n<\/tr>
\n<tr>
\n<td height=’90’ colspan=’2′><div id=’marquee3′ class=’marquee m2′><\/div><\/td>
\n<\/tr>
\n<\/table>
\n<script language="JavaScript">
\nfunction BYMarquee(){
\nthis.Content = []; \/\/\u663e\u793a\u5185\u5bb9
\nthis.Speed = 20; \/\/\u4e0a\u79fb\u901f\u5ea6
\nthis.Object = {}; \/\/marquee\u5bb9\u5668\u5bf9\u8c61
\nthis.Pause = true; \/\/\u662f\u5426\u505c\u7559
\nthis.Start = function(){
\nvar o = this.Object;
\nvar Pause = this.Pause;
\nvar Stop = false;
\nvar Stop2 = false;
\no.onmouseover = function(){
\nStop = Stop2 = true;
\n}
\no.onmouseout = function(){
\nStop = Stop2 = false;
\n}
\nvar BodyHtml = [];
\nfor(var i in this.Content){
\nBodyHtml.push("<a href=\\"" + this.Content[i].link + "\\">" + this.Content[i].text + "<\/a>");
\n}
\nvar Dv = document.createElement("div");
\nDv.innerHTML = BodyHtml.join("<br \/>");
\no.appendChild(Dv);
\nvar DvHeight = Dv.offsetHeight;
\nwhile(Dv.offsetHeight \/ 2 < o.offsetHeight){
\nDv.innerHTML += "<br \/>" + Dv.innerHTML;
\n}
\nDv.innerHTML += "<br \/>" + Dv.innerHTML;
\nsetInterval(function(){
\nif(!Stop){
\no.scrollTop ++;
\nif(o.scrollTop == o.scrollHeight – o.offsetHeight){
\no.scrollTop = DvHeight – o.offsetHeight;
\n}
\nif(Pause){
\nif(o.scrollTop % o.offsetHeight == 0){
\nStop = true;
\nsetTimeout(function(){
\nStop = Stop2;
\n}, 3000);
\n}
\n}
\n}
\n}, this.Speed);
\n}
\n}
\n\/\/\u5b9e\u4f8b1
\nvar marquee1 = new BYMarquee();
\nmarquee1.Content = [
\n{link : ‘#’, text : ‘\u82f1\u6cd5\u56fd\u9632\u90e8\u8bc1\u5b9e\u4e24\u56fd\u6838\u6f5c\u8247\u76f8\u649e’},
\n{link : ‘#’, text : ‘\u4e2d\u56fd\u8d74\u6b27\u91c7\u8d2d\u6e05\u5355\u6572\u5b9a \u6d89\u53ca\u91d1\u989d150\u4ebf\u5143’}
\n];
\nmarquee1.Object = document.getElementById(‘marquee1’);
\nmarquee1.Start();
\n\/\/\u5b9e\u4f8b2
\nvar marquee2 = new BYMarquee();
\nmarquee2.Content = [
\n{link : ‘#’, text : ‘\u5251\u4ed9\u674e\u6a2a\u63e1\u950b\u5229\u56a3\u5f20\u7684\u5730\u94dc\u5251\uff0c\u5de6\u53f3\u6643\u52a8’},
\n{link : ‘#’, text : ‘\u4f60\u7684\u5974\u96b6\u3010\u5251\u4ed9\u674e\u3011\u594b\u8d77\u53cd\u6297\uff0c\u88ab\u4f60\u72e0\u72e0\u5730\u6559\u8bad\u4e86\u4e00\u987f\uff01’},
\n{link : ‘#’, text : ‘\u6211\u7684\u5974\u96b6 Su.\u65b0\u6b66\u5c06 \u5728\u5974\u96b6\u5e02\u573a\u8f93\u7ed9\u4e86 \u91d1\u5149\u707f\u70c2’}
\n];
\nmarquee2.Speed = 10;
\nmarquee2.Object = document.getElementById(‘marquee2’);
\nmarquee2.Start();
\n\/\/\u5b9e\u4f8b3
\nvar marquee3 = new BYMarquee();
\nmarquee3.Content = [
\n{link : ‘#’, text : ‘\u5173\u4e8e\u5c01\u88c5\u7684\u65b9\u6cd5\u4e4b\u95f4\u8c03\u7528\u7684\u95ee\u9898\u6c42\u52a9’},
\n{link : ‘#’, text : ‘\u5982\u4f55\u7528Javascript\u6765\u5220\u9664\u6d4f\u89c8\u5668\u7684\u5386\u53f2\u8bb0\u5f55\uff1f’},
\n{link : ‘#’, text : ‘\u8bf7\u9ad8\u624b\u5e2e\u5fd9\u7834\u89e3\u4e00\u6bb5\u4ee3\u7801’}
\n];
\nmarquee3.Speed = 50;
\nmarquee3.Pause = false;
\nmarquee3.Object = document.getElementById(‘marquee3’);
\nmarquee3.Start();<\/p>\n

\n <\/p>\n

\/\/\u9500\u6bc1
\nmarquee1 = marquee2 = marquee3 = null;
\n<\/script>
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"

<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-671","post","type-post","status-publish","format-standard","hentry","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=671"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/671\/revisions"}],"predecessor-version":[{"id":66533,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/671\/revisions\/66533"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=671"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=671"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}