圣诞树源码Html5+CSS+JS实现动态圣诞树.zip_htmlcss的圣诞树代码资源-CSDN文库

共4个文件

html：1个

js：1个

gif：1个

html

5星 · 超过95%的资源需积分: 5 78 浏览量 2022-12-02 15:22:41 上传评论 3 收藏 4.47MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Html5+CSS3+JS代码实现动态圣诞树.zip （4个子文件）

christmas_tree-master

css

domtree.css 2KB

2.gif 4.51MB

index.html 2KB

domtree.js 3KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="A Christmas tree built out of form elements." /> <meta name="author" content="Hakim El Hattab" /> <meta http-equiv="X-UA-Compatible" content="chrome=1"> <title>DOM Tree</title> <link href="css/domtree.css" rel="stylesheet" media="screen" /> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Armata' rel='stylesheet' type='text/css'> </head> <body> <div class="tree"></div> <script src="js/domtree.js"></script>  <p class="project-title">DOM Tree</p> <div class="credits"> <a href="https://blog.csdn.net/qq_53673551?spm=1000.2115.3001.5343">知心宝贝</a> <a href="https://twitter.com/hakimel">文章代码参考@hakimel</a> </div> <style type="text/css" media="screen"> .project-title { position: absolute; left: 25px; bottom: 20px; font-size: 16px; color: #fff; } .credits { position: absolute; right: 20px; bottom: 25px; font-size: 15px; z-index: 20; color: #fff; vertical-align: middle; } .credits * + * { margin-left: 15px; } .credits a { padding: 8px 10px; color: rgba(255,255,255,0.7); border: 2px solid rgba(255,255,255,0.7); text-decoration: none; } .credits a:hover { border-color: #fff; color: #fff; } @media screen and (max-width: 1040px) { .project-title { display: none; } .credits { width: 100%; left: 0; right: auto; bottom: 0; padding: 30px 0; background: #b72424; text-align: center; } .credits a { display: inline-block; margin-top: 7px; margin-bottom: 7px; } } </style> <script> var _gaq = [['_setAccount', 'UA-15240703-1'], ['_trackPageview']]; (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s); })(document, 'script'); </script> </body> </html>

评论收藏

内容反馈