本文实例讲述了js实现从中间开始往上下展开网页窗口的方法。分享给大家供大家参考。具体分析如下:

这个是从中间然后慢慢向上下展开的页面显示效果,也还不错,代码如下:
复制代码 代码如下:<html>
<head>
<title>js从中间展开的网页窗口显示</title>
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:yellow;
background-color:#336699;
border:0.1px solid #336699
}
-->
</style>
</head>
<body>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript1.2">
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/2
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight/2,cliptop=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=speed
temp[1].clip="rect(0 auto+"+clipbottom+" 0)"
cliptop+=speed
temp[2].clip="rect("+cliptop+" auto auto)"
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
</body>
</html>
希望本文所述对大家的Go语言程序设计有所帮助。
相关推荐:
SEO就业前景如何?打造数字时代的职业新风口,常州武进区水产网站建设
SEO优化基础:让你的网站脱颖而出的秘密武器,模仿猫ai
为什么选择老域名工具?提升网站SEO与品牌影响力的秘密武器,软文与seo文章区别
SEO深度解析:如何通过深度优化提升网站排名,带来流量和转化,咸宁网站建设大概费用
什么是神马排名?让你的网站脱颖而出,轻松占据搜索引擎的C位!,乳山网站优化关键词排名
SEO本站:提升网站流量与排名的秘密武器,荆门专业的抖音seo
自动写文章的AI,提升效率的创作利器
Chat启用后ESX连不上?解决方法一网打尽!,为什么AI续写这么离谱
SEO优化如何提升网站排名,驾驭搜索引擎流量,三亚网站推广方法
ChatGPT怎么有梯子?突破网络限制,轻松畅享AI智能,ai对唱音响
SEO人工优化-让你的网页轻松登上搜索引擎首页,ai主母
ChatGPT不能访问,我的学术水平直线下降,泰州大数据ai艾灸价格
AI免费生成文字,打造创作新时代
seo要会些什么,seo需要学些什么内容 ,轻盈ai
为什么选择老域名注册,打造品牌价值的秘密武器,网站建设服务费用多少
ChatGPT昨晚突然不能使用,背后真相令人意想不到!,edga ai
ChatGPT美区要梯子吗?轻松畅享全球智能聊天体验,ai音位
SEO收集:如何通过有效数据收集提升网站排名,鞍山商城网站建设报价
SEO地址优化的秘诀:提升网站排名与流量的关键,临沂如何优化网站关键词
提升写作效率,释放创意潜力文章生成AI软件的未来
seo网站反链是什么,网站反链怎么做 ,ai插画头像卡通
ChatGPT当前不可用?如何应对AI服务中断的挑战,ai文章免费写作app
好用的AI智能工具,让生活与工作更高效!
AI软件不用登录,让你的工作更高效轻松,智能ai写作改稿怎么改
ChatGPT,您的银行卡被拒绝了?别慌,这些方法帮您快速解决问题!,ai给那个标声调
为什么要做seo si,为什么要做* ,ai里面怎么扣二维码
ChatGPT常见问题汇总:解答你关于AI的一切疑惑,松鼠ai智能教适应教育
pbootcms自动翻译插件,让你的网站轻松实现多语言覆盖,ai 镀金
seo适合什么行业,seo适合的行业 ,在ai如何矢量化
SEO而且:打造高效网站流量增长的秘密武器,滨江网站推广营销
seo跟sem是什么,seo和sem的概念 ,惠威的ai功能
SEO观看:如何通过优化提升您的网站流量和品牌影响力,龙里网络营销推广
seo组建需要什么条件,seo建站的步骤 ,ai肌肉宝宝
SEO部:开启数字化营销新纪元的幕后英雄,株洲营销推广是什么公司
seo用什么论坛引流,seo引流方法 ,ai写作续写神器
OpenPose大白话解释:让你轻松理解姿态识别的神奇技术,ai天天晴
文字生成AI开启创作的新纪元
SEO怎么排名?这5大技巧,轻松提升网站排名,人人都可ai
SEO选择:如何挑选最合适的SEO优化策略?,wb免费刷粉网站推广
ChatGPT登录界面都不显示了?可能是这些原因导致的!,上海小学ai智能课
ChatGPT崩了?用户称打开是一片空白,背后隐藏了什么?,ai 新技巧
《“查看更多”背后的秘密:让你的人生更加丰富多彩!》,宁安公司网站建设
ChatGPT免费版的限制:你需要了解的5大制约因素,Ai分解模型
SEO架构:提升网站流量的核心策略,东营南江全平台营销推广
AI助手Stut:智能时代的创新引擎,开启未来工作新篇章,ai对ai的格斗游戏
seo运营经理是什么,seo和运营的区别 ,皖妍ai宁慕晴o
SEO那么重要,企业如何通过它脱颖而出?,自媒体推广营销的概念
SEO包月服务:助力企业提升网站排名与流量的长期利器,网站建设流程 报读文库
OpenAI网站崩溃原因:背后的技术与挑战,千牛Ai智投在哪里找
GPT-3.5网页版:让你与人工智能零距离接触,ai英语学