<div><span>歡</span><span>迎</span><span>來</span><span>到</span><span><strong>黑白兩客</strong></span><span>的</span><span>博</span><span>客</span><br/><span><a href="https://www.csdn.net/" target="_blank" class="ab">進(jìn)入</a></span><div id="times" class="a"></div></div> <style type="text/css">body{background-color:pink;}div{text-align: center;margin: 200px auto;}.a{width:100px ;background-color: #00FFFF;color: #FF0000;font-weight: bold;}span{position: relative;text-align: center;color: white;font-size: 42px;animation: letter 1s cubic-bezier(0.1,0.5,0.2,1) infinite alternate;top: 0px;}span:nth-child(1){animation-delay: 0s;}span:nth-child(2){animation-delay: 0.1s;}span:nth-child(3){animation-delay: 0.2s;}span:nth-child(4){animation-delay: 0.3s;}span:nth-child(5){color: black;animation-delay: 0.4s;}span:nth-child(6){animation-delay: 0.5s;}span:nth-child(7){animation-delay: 0.6s;}span:nth-child(8){animation-delay: 0.7s;}.ab{text-decoration: none;}@keyframes letter{from{top: 0px;text-shadow: blanchedalmond 0 0 0.05em;}to{top: 30px;text-shadow: blanchedalmond 0 1em 0.2em;}}</style> <script type="text/javascript" >function getD1(){ /*時(shí)間滾動(dòng)*/var date = new Date();var d1 = date.toLocaleString();var div1 = document.getElementById("times");div1.innerHTML = d1;}setInterval("getD1();",1000); </script>

實(shí)現(xiàn)效果：

總結(jié)

以上是生活随笔為你收集整理的黑白两客进入页面（1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。