我们常常看到一些大网站，在过节或者搞活动时，整个页面会向下滑动，在网页最上方显示一个活动图片，几秒后会慢慢收起，其实这个很好实现
思路是：在网页最上方，设置一个div，他的初始高度是零，所以不会显示，当页面加载完毕后，执行脚本程序，使div的高度慢慢增加，停留几秒后再减小，下面是代码，可以直接复制成为html文件执行。
[code lang="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>头部公告</title>
<script type="text/javascript">
var intervalId = null;
function slideAd(id,sState,nMaxHth,nMinHth)
{
this.id=id; this.state=sState || "down" ;
this.maxHeigth=nMaxHth || 250; //公告高度
this.minHeigth=nMinHth || 0;
var facter = 5;
var obj = document.getElementById(id);
if(intervalId != null)
{
window.clearInterval(intervalId);
}
function openBox()
{
var h = obj.offsetHeight;
facter += 0.1; //下滑速度
var h = ((this.state == "down") ? (h +facter ) : (h - facter)) ;
if(h >=this.maxHeigth)
{
h = this.maxHeigth; window.clearInterval(intervalId);
}
if(h < this.minHeigth)
{
h = 0;
window.clearInterval(intervalId);
}
obj.style.height = h +"px";
}
function closeBox()
{
slideAd(id,"up",nMaxHth,nMinHth);
}
intervalId = window.setInterval(openBox,60);
try{ setTimeout(closeBox, 6000); //停留时间
}
catch(e)
{}
}
</script>
</head>
<body> <!--头部滑动公告开始-->
<div id="top-gonggao" style="width:980px;height:0px;overflow:hidden;margin-left:auto;margin-right:auto;">
<a href="#" target="_blank">
<img src="<a href="http://www.neilren.com/gonggao/img/gonggao.jpg">http://www.neilren.com/gonggao/img/gonggao.jpg</a>" width="980" height="250" border="0"/>
</a>
</div>
<!--头部滑动公告结束-->
页面内容<br/>
公告图片规范：宽度980px 高度：250px
<script type="text/javascript">slideAd("top-gonggao")</script>
</body>
</html>
[/code]
直接复制就可以，由于使用代码高亮插件，好像图片链接那里有点错误，我写的是src="http://www.neilren.com/gonggao/img/gonggao.jpg"但是他显示的是<a>标签
商业用途请联系作者获得授权。
版权声明：本文为博主「任霏」原创文章，遵循 CC BY-NC-SA 4.0 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://www.renfei.net/posts/1000040
相关推荐
猜你还喜欢这些内容，不妨试试阅读一下
评论与留言
以下内容均由网友提交发布，版权与真实性无法查证，请自行辨别。
本站有缓存策略，时间约2小时后能看到您的评论。本站使用自动审核机制，如果您的内容包含广告/谩骂/恐怖/暴力/涉政等不和谐内容将无法展示！
本站有缓存策略，时间约2小时后能看到您的评论。本站使用自动审核机制，如果您的内容包含广告/谩骂/恐怖/暴力/涉政等不和谐内容将无法展示！
最新留言 优先级低的并不代表一定要等到优先级高的运行完才能运行，只是cpu分配的资源少了而已。 /lib64/ld-linux-x86-64.so.2: No such file or directory 报了这个错误，怎么解决呢 对于一个布道 DevOps 多年的选手来讲，看到这个报告，还是想继续布道布道。虽然是各种对比哈，但是我感觉与 DevOps 太像了（可能是职业病犯了哈）。首先声明本人不是GitLab 用户（因为不免费，没法薅羊毛啊），本人是 GitHub 忠实用户。 首先，你这是田忌赛马的对比，中文对比一事，着实有点可笑 1 土生土长和外来户能立马拉到同一个起跑线上吗？ 2 一个真正的开发者应该去提升自己的英语能力，而不是拿全部是中文文档说事。大家都知道现在开源非常热，开发者是开源的主力军，如果要贡献优秀的开源项目（诸如Linux 内核，Kubernetes），英语就是个硬门槛。如果我是你，我倒希望公司内部的系统是英文的，最起码能让我锻炼英语，在看开源项目文档的时候不至于看不懂，提 PR 的时候不至于提交代码的内容描述不清楚而没法被 Merge。 其次，阿里云效、Coding 大家都知道背后站的是谁，很容易造成厂商绑定，现在很多企业都希望不要被厂商绑定。 再者，有一个点需要明白，GitLab 是一个 DevOps 平台，什么叫做 DevOps 平台（DevOps 走到现在，确切的说应该叫做 DevSecOps）？就是覆盖了软件开发生命周期全阶段的，从项目管理到代码托管到安全再到日志监控、甚至包含现在的云原生能力。不仅仅是说一个 CI/CD 就能概括的了的。这一点是 DevOps 布道的真正误区，我见过太多了，我在这儿再布道一哈，CI/CD 不等于 DevOps，他只是 DevOps 落地实践的核心能力。仅凭借一个 CI/CD 能有现成模版就判断出哪个好坏，过于牵强了吧。相信大家真正到项目用的时候，模版是满足不了要求的吧，毕竟大家都很特性化。 最后，还是一个很热的话题，开源，open source。GitLab 是开源的，Coding 和 云效这方面我没看到相关的开源内容（可能是我孤陋寡闻）。大家可以看看国内有多少用 GitLb 的，GitLab 的 CE 版，然后私有化部署，就是很多公司的代码托管 + DevOps 解决方案。 个人愚见，做一些对比报告的时候，还是先需要明白这个产品的定位，去深入挖掘一些真正有意义的对比，这样的对比报告才能有意义。作为一个常年写博客、文章的人来说。你写的每个字、每篇文章，你要想到你的思想会影响到别人。有可能因为你的片面之词，让别人错失一些学习的好机会。 docker run 那一长串后,出来一个字符串,然后去 docker containers 下面看 显示 exited(1);logs 下就一行错误 initdb failed 感谢🙏，第一个问题是空格的问题应该，我逐字敲完后可以构建了.第二个问题是我docker环境的问题，docker更新为最新版后需要重置配置文件.现已经正常使用，再次感谢您的分享和您的细心解答,期待下次相遇😄 还有一个问题可以请教下吗?就是我在容器里建文件夹没有权限，su root后密码不知道是多少，sudo mkdir xxx 提示我，没有sudo命令，请问有好的解决方法吗?谢谢解答 -v 后面可以指定文件吗 我的也是报错，还有。我执行了这个：@localhost kingbase-es-v8-r3-docker % docker run -d --name kingbase -p 54321:54321 -e SYSTEM_PWD=SYSTEM -v /opt/kingbase/data:/opt/kingbase/data -v /opt/kingbase:/opt/kingbase/Server/bin kingbase:v8r3 docker: 'run -d --name kingbase -p 54321:54321 -e SYSTEM_PWD=SYSTEM -v /opt/kingbase/data:/opt/kingbase/data -v /opt/kingbase:/opt/kingbase/Server/bin kingbase:v8r3' is not a docker command. See 'docker --help' 麻烦帮忙看下，是不是我写的命令有问题，还是版本问题，谢谢啦 请问我build的时候一直报错，是资源没了吗？failed to solve with frontend dockerfile.v0: failed to create LLB definition: failed to do request: Head "https://reg-mirror.qiniu.com/v2/library/centos/manifests/7?ns=docker.io": Moved Permanently 能不能在代码那里详细解释一下啊，没完全懂呀 en 按照路径上的来操作的，但是启动时一直报：zsh: no such file or directory: docker run -d --name kingbase -p 54321:54321 -e SYSTEM_PWD=SYSTEM -v /Volumes/installation/opt/kingbase/data:/opt/kingbase/data -v /Volumes/installation/opt/kingbase/bin/license.dat:/opt/kingbase/Server/bin/license.dat kingbase:v8r3 错误