<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">进入</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(){           /*时间滚动*/var date = new Date();var d1 = date.toLocaleString();var div1 = document.getElementById("times");div1.innerHTML = d1;}setInterval("getD1();",1000); </script>

实现效果：

黑白两客进入页面（1）相关推荐

做好淘宝客单页面的几个技巧和方法
今天来和各位站长朋友谈谈做好淘宝客单页面的几个技巧和方法. 相信大家都知道,单页面是目前比较主流的淘宝客推广形式之一,由于它的方向性较强.转化率较高.建站难度和后期维护也比较简单轻松,因此得到 ...
HTML点击元素页面回到顶部,博客园页面添加返回顶部 TOP 按钮
博客园页面添加返回顶部 TOP 按钮 TOP 按钮进入网页管理 -> 设置在 "页面定制 CSS 代码" 中添加如下 CSS 样式, 当然你可以改为自己喜欢的样式此处可 ...
前端 - 博客系统(页面设计) - JavaEE初阶 - 细节狂魔
文章目录前言博客系统博客列表页紧急修改一下背景图片,虽然上面那张图很美,但是小了.特别的模糊,我就在替换一下背景图 html 代码部分通用 css 代码部分博客列表页专属 css文件博客 ...
用js将form表单同时提交到两个不同页面的方法
用js将form表单同时提交到两个不同页面的方法: <script type="text/javascript"> function dosubmit(){ windo ...
两个html页面之间通讯,面试官：前端跨页面通信，你知道哪些方法？
引言在浏览器中,我们可以同时打开多个Tab页,每个Tab页可以粗略理解为一个"独立"的运行环境,即使是全局对象也不会在多个Tab间共享.然而有些时候,我们希望能在这些" ...
解决window.location.href 下载文件时，一次点击产生两次下载+页面跳转问题
解决window.location.href 下载文件时,一次点击产生两次下载+页面跳转问题参考文章: (1)解决window.location.href 下载文件时,一次点击产生两次下载+页面跳转 ...
vue一个页面用两个以上页面时时刷新
vue一个页面用两个以上页面刷新 <template><el-tabs v-model="activeName" style="padding-left ...
JS，两种在页面加载完成后自动执行的方法（ready，onload）
JS,两种在页面加载完成后自动执行的方法 1.jQuery的ready事件,需要引入jQuery的包才能使用,表示文档结构已经加载完成(不包含图片等非文字媒体文件): ready可以多次调用,可以绑定 ...
前端 - 博客系统(页面设计)
博客系统(页面设计) 实现一个简单的博客系统. 当前先完成页面设计的部分. 通过前面学习的前端知识来构建出网页. 主要分成四个页面: 博客列表页博客正文页博客登陆页博客编辑页预期效果博客列表 ...

黑白两客进入页面（1）

实现效果：

黑白两客进入页面（1）相关推荐

最新文章

热门文章