Shulou(Shulou.com)06/02 Report--

This article will explain in detail how to use JS to rotate the Christmas tree in HTML. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

From ZXW-NUDT body {text-align:center} html, body {width: 100%; height: 100%; margin: 0; padding: 0; border: 0 } div {margin: 0; padding: 0; border: 0;} .nav {position: absolute; top: 0; left: 0 Width: 100%; height: 27px; background-color: white; color: black; text-align: center; line-height: 25px;} a {color: black; text-decoration: none Border-bottom: 1px dashed black;} a:hover {border-bottom: 1px solid red;} .previous {float: left; margin-left: 10px Next {float: right; margin-right: 10px;} .green {color: green;} .red {color: red } textarea {width: 100%; height: 100%; border: 0; padding: 0; margin: 0; padding-bottom: 20px }. Block-outer {float: left; width: 22%; height: 100%; padding: 5px Border-left: 1px solid black; margin: 30px 3px 3px 3px;}. Block-inner {height: 68% } .one {border: 0;} var collapsed = true; function toggle () {var fs = top.document.getElementsByTagName ('frameset') [0] Var f = fs.getElementsByTagName ('frame'); if (collapsed) {fs.rows =' 250px; fs.noResize = false; f [0] .noResize = false; f [1] .noResize = false } else {fs.rows = '30px.noResize; fs.noResize = true; f [0] .noResize = true; f [1] .noResize = true;} collapsed =! collapsed;} var b = document.body Var c = document.getElementsByTagName ('canvas') [0]; var a = c.getContext (' 2d'); document.body.clientWidth; Math Mathmas; Qummsqrt (O=k=0) X=z=j=i=k10 |! K) for (font='60px Impact', V='rgba (' 15)': v + (147 I) +','+ (k%2?128+I:0) +','+ Ifuge k%2?128+I:0. 5)':'# cca',i > 1, iLife0) +', 40) .1)'), moveTo (Uprix 8), lineTo (Utopia 8) Stroke () For (y=H=k+E (Knowledge +) * 25, RandQ () * W; Pumb3Lecture jHQ () > .8ZhiQ (Prun9) * 4:0) > > 1]} setInterval (function G (mQuery 1) {Aunt (DMube 11)) If (l) return (m [2]-l [2]) * A + (l [0]-m [0]) * T (D); a.clearRect (0memo); J.sort (G); for A.drawImage (M [L [3] + 1], 207mm L [0] * Aguill [2] * T (D) > > 0Magi L [1] > > 1)) {if (i==2e3) a.fillText ('Happy Christology) If (! (I% 7)) a.drawImage (M [13], (157* (iambii) + T (D*5+i*i) * 5)% W) > 0, ((113 / 60)% (290+i/99)) > 0);} Demp.02}, 1)

About adding background music, suppose that this html file has a folder named music, and an audio file under the folder is music.mp3. Then the code should be:

Src is the address

Autoplay default playback

Loop default Loop

Changing the background should be (I haven't tried it anyway):

This is the end of the article on "how to use JS to rotate the Christmas tree in HTML". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.