几个复古的页面应用-------Day25

本文链接：https://blog.csdn.net/marSmile_tbo/article/details/28156435

今天看到这么两个地方，仿佛一下子把我打回到了80年代，这个应用真的好古老啊感觉，不过既然碰到了就写一下吧，复古风不是听起来也很嗨的嘛，让我们时光穿梭，再来看看那些旧时光.....

1、css实现网页顶部的阴影

效果如下：

在网页顶部的阴影，现在看来应该很好做了吧，想到了什么，对，box-shadow，那我们来编写下代码

<span style="font-size:12px;"><style type="text/css">
body:before {
content:"";
position:fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
z-index: 999;
box-shadow: 0 0 20px rgba(0,0,128,0.8);
}
</style></span>

这个地方四个关键点：1、伪元素body:before在页面加载之前加载；2、position为fixed；3、top=-height，这样是看不到实际div的；4、box-shadow，只显示被隐藏div的阴影部分，x轴、y轴、阴影模糊程度，越大越模糊，然后是颜色rgba，前三个构成颜色，第四个为透明度，就这样就实现了啊

2、网页标题栏字符闪烁

效果如下（不显示动态效果，就是星星像不断在变化一样）

这个效果相信80后的朋友都很熟悉啊，当年的聊天室内几乎都有啊，我们当年cf战队的格式跟这个格式也很像额，快点来实现下吧，能想到实现的原理了嘛，对了，循环调用，更改全局变量、可是怎么出现在标题栏上呢，来雷翻你喽

<span style="font-size:12px;"><script language="JavaScript">
step=0
function show()
    {
      step++
      if (step==3) {step=1}
      if (step==1) {document.title='☆★星星点灯★☆'}
      if (step==2) {document.title='★☆星星点灯☆★'}
      setInterVal("show()",380);
    }
show()
</script></span>

这在html dom中会提到吧，快要看到这里了，加油

虽然时代变化这么快，可是总有那么多事物，带着扑面而来的时代感，让人亲切，感觉仿佛真的可以时光穿梭，不要因为现代的美丽，就忘记那些年的古朴，尊重那些美丽的创意，尊重那些曾经的时代，就像你能想象如果没有图灵机的现代嘛，饮水思源，叶落归根，不要忘了最初的开始，那一定是个很美的故事。