{"id":493,"date":"2011-12-28T10:27:42","date_gmt":"2011-12-28T02:27:42","guid":{"rendered":"http:\/\/www.xiaojia.info\/?p=493"},"modified":"2011-12-28T10:27:42","modified_gmt":"2011-12-28T02:27:42","slug":"marquee-2","status":"publish","type":"post","link":"https:\/\/www.luja.cc\/?p=493","title":{"rendered":"\u56fe\u7247\u4e0d\u95f4\u65ad\u6eda\u52a8"},"content":{"rendered":"<p>\u4ee3\u7801\u5982\u4e0b\uff1a<br \/>\n<!--more--><br \/>\n[html]<br \/>\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;<br \/>\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;<br \/>\n&lt;head&gt;<br \/>\n    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=gb2312&quot; \/&gt;<br \/>\n    &lt;title&gt;\u6d4b\u8bd5&lt;\/title&gt;<br \/>\n    &lt;style type=&quot;text\/css&quot;&gt;<br \/>\n        ul, li, img, td { font-size: 12px; list-style-type: none; text-align: center; margin: 0; padding: 0; }<br \/>\n        .demo { width: 230px; margin-bottom: 8px; height: 172px; overflow: hidden; }<br \/>\n        .demo ul { width: 408px; clear: both; }<br \/>\n        .demo li { width: 102px; float: left; text-align: center; }<br \/>\n        .demo img { margin-bottom: 8px; }<br \/>\n    &lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n    &lt;div class=&quot;demo&quot; id=&quot;demo1&quot;&gt;<br \/>\n        &lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;<br \/>\n            &lt;tr&gt;<br \/>\n                &lt;td&gt;<br \/>\n                    &lt;ul&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/005.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe5&lt;\/li&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/006.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe6&lt;\/li&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/007.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe7&lt;\/li&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/008.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe8&lt;\/li&gt;<br \/>\n                    &lt;\/ul&gt;<br \/>\n                &lt;\/td&gt;<br \/>\n            &lt;\/tr&gt;<br \/>\n        &lt;\/table&gt;<br \/>\n    &lt;\/div&gt;<br \/>\n    &lt;!&#8211;\u7b2c\u4e8c\u4e2a\u6eda\u52a8\u56fe\u5f00\u59cb&#8211;&gt;<br \/>\n    &lt;div class=&quot;demo&quot; id=&quot;demo2&quot;&gt;<br \/>\n        &lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;<br \/>\n            &lt;tr&gt;<br \/>\n                &lt;td&gt;<br \/>\n                    &lt;ul&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/001.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe1&lt;\/li&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/002.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe2&lt;\/li&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/003.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe3&lt;\/li&gt;<br \/>\n                        &lt;li&gt;<br \/>\n                            &lt;img src=&quot;images\/004.jpg&quot;&gt;&lt;br&gt;<br \/>\n                            \u6eda\u52a8\u56fe4&lt;\/li&gt;<br \/>\n                    &lt;\/ul&gt;<br \/>\n                &lt;\/td&gt;<br \/>\n            &lt;\/tr&gt;<br \/>\n        &lt;\/table&gt;<br \/>\n    &lt;\/div&gt;<\/p>\n<p>    &lt;script language=&quot;javascript&quot; type=&quot;text\/javascript&quot;&gt;<br \/>\n        function startmarquee(lh, speed, delay, index)<br \/>\n        {<br \/>\n            var o = document.getElementById(&quot;demo&quot; + index);<br \/>\n            var o_td = o.getElementsByTagName(&quot;td&quot;)[0];<br \/>\n            var str = o_td.innerHTML;<br \/>\n            var newtd = document.createElement(&quot;td&quot;);<br \/>\n            newtd.innerHTML = str;<br \/>\n            o_td.parentNode.appendChild(newtd);<br \/>\n            var t;<br \/>\n            var p = false;<br \/>\n            o.onmouseover = function()<br \/>\n            {<br \/>\n                p = true;<br \/>\n            }<br \/>\n            o.onmouseout = function()<br \/>\n            {<br \/>\n                p = false;<br \/>\n            }<br \/>\n            function start()<br \/>\n            {<br \/>\n                t = setInterval(Marquee, speed);<br \/>\n                if (!p)<br \/>\n                {<br \/>\n                    o.scrollLeft += 3;<br \/>\n                }<\/p>\n<p>            }<br \/>\n            function Marquee()<br \/>\n            {<br \/>\n                if (o_td.offsetWidth &#8211; o.scrollLeft &lt;= 0)<br \/>\n                {<br \/>\n                    o.scrollLeft -= o_td.offsetWidth;<br \/>\n                }<br \/>\n                else<br \/>\n                {<br \/>\n                    if (o.scrollLeft % lh != 0)<br \/>\n                    {<br \/>\n                        o.scrollLeft += 3<br \/>\n                    }<br \/>\n                    else<br \/>\n                    {<br \/>\n                        clearInterval(t);<br \/>\n                        setTimeout(start, delay);<br \/>\n                    }<br \/>\n                }<br \/>\n            }<br \/>\n            setTimeout(start, delay);<br \/>\n        }<br \/>\n        startmarquee(102, 1, 1500, 1);<br \/>\n        startmarquee(102, 30, 1, 2); \/\/\u56fe\u7247\u4e0d\u95f4\u65ad\u6eda\u52a8<br \/>\n    &lt;\/script&gt;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<br \/>\n[\/html]<\/p>\n<p>\u6548\u679c\u56fe\u5982\u4e0b\uff1a<br \/>\n<a href=\"http:\/\/www.xiaojia.info\/wp-content\/uploads\/2011\/12\/2010081020271274.jpg\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.xiaojia.info\/wp-content\/uploads\/2011\/12\/2010081020271274.jpg\" alt=\"\" title=\"\u56fe\u7247\u4e0d\u95f4\u65ad\u6eda\u52a8\u6548\u679c\" width=\"507\" height=\"402\" class=\"alignnone size-full wp-image-494\" srcset=\"https:\/\/www.luja.cc\/wp-content\/uploads\/2011\/12\/2010081020271274.jpg 507w, https:\/\/www.luja.cc\/wp-content\/uploads\/2011\/12\/2010081020271274-300x237.jpg 300w, https:\/\/www.luja.cc\/wp-content\/uploads\/2011\/12\/2010081020271274-378x300.jpg 378w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[56,43],"tags":[12,44],"_links":{"self":[{"href":"https:\/\/www.luja.cc\/index.php?rest_route=\/wp\/v2\/posts\/493"}],"collection":[{"href":"https:\/\/www.luja.cc\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.luja.cc\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.luja.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luja.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=493"}],"version-history":[{"count":2,"href":"https:\/\/www.luja.cc\/index.php?rest_route=\/wp\/v2\/posts\/493\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/www.luja.cc\/index.php?rest_route=\/wp\/v2\/posts\/493\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/www.luja.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.luja.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.luja.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}