插件网/网站建设/快过年了,给你的网站加幅对联吧!

快过年了,给你的网站加幅对联吧!

发布时间:2021-02-07    关键词:js 春节对联   阅读数:

最近来小邱网站的朋友都发现了,为了迎接中国农历新年的到来,小邱的网站都已经加上了红底黑字的对联。那么这样的对联是怎么加上去的呢?其实这个重点就两点:第一对联的文字是从上往下的,第二对联的位置是始终固定在网页可见范围中的。下面小邱分享下代码:

<script>
document.write('<div style="position: fixed;overflow: hidden;height: 100%;writing-mode: vertical-rl;width: 80px;top:0;right: 0;text-align: center;font-size: 60px;line-height: 80px;background-color: red;font-family: 楷体; font-weight: bold;letter-spacing: 25px;z-index: 51;">鼠去牛来一元欣复始</div>');
document.write('<div style="position: fixed;overflow: hidden;height: 100%;writing-mode: vertical-rl;width: 80px;top:0;left: 0;text-align: center;font-size: 60px;line-height: 80px;background-color: red;font-family: 楷体; font-weight: bold;letter-spacing: 25px;z-index: 51;">春明日丽万象喜更新</div>');
document.write('<div style="height: 80px;width: 100%;text-align: center;line-height: 80px;font-size: 60px;top:0;position:fixed;font-family: 楷体;background: red;font-weight: bold;letter-spacing: 25px; z-index: 50;">吉大年牛</div>');
document.getElementsByTagName("body")[0].style.paddingTop="80px";
</script>

相关文章

Wow.js和Animate.css组合让网站动起来

快过年了,给你的网站加幅对联吧!

用Dplayer在网站中播放m3u8,flv等视频的方法

小邱原创入门级WORDPRESS建站教程免费分享

什么是备案?什么样的网站需要备案?ICP备案需要多久?

用帝国CMS搭建个人网站,你还需要学会哪些前端知识