网页浮动窗口代码怎么写
网页浮动窗口代码怎么写-广州新希望电脑学校
在这个特效中,有一个浮动的窗口,飞动片刻后会自动消失。可用于新消息在小窗口中的公布,为了方便浏览者,窗口会自动消失。
第一步,将下面的代码加入到<head>与</head>之间:
<script>
<!一
var flyingwin
var popupwidth=200
var popupheight=150
var marginright
var windowcenter
var ise top=200
var ileft=-popupwidth-50
var step=40
var timer
var waitingtime=3000
var pause=20
function showWindowQ{
flyingwin
window.open("",
"flyingwin"
"toolbar=no,width=',十popupwidth十",height=”十popupheight+",top=100,left="+(-popupwidth)+"");
flyingwin.document.openO;
flyingwin.document.write("<html><title>漂浮的窗口</title><body bgcolor=ffffff
text= #006600><p align=center><br><font size='+1'><b>漂浮的窗口!</b></font><br>这个窗口
不会打扰你很长时间.它很快就会飞走并消失。</p></body></html>");
flyingwin.document.close();
if (document.all)王
marginright=screen.width+50
}
if (document.layers){
marginright=screen.width+50
}
windowcenter=Math.floor(marginright/2)-Math.floor(popupwidth/2)
movewindowO
}
function movewindow({
if (i_ left<windowcenter){
flyingwin.moveTo(i left,ies top)
i left+=step
timer-- setTimeout("movewindow()",pause)
}
else毛
clearTimeout(timer)
timer- setTimeout("movewindow2Q",waitingtime)
}
}
function movewindow2Q{
if (i_ left<=marginright){
flyingwin.moveTo(i left,iestop)
i left+=step
timer= setTimeout("movewindow2()",pause)
}
else{
clearTimeout(timer)
flyingwin.close()
}
}
第二步:将下面部分加入<body>标签:
<body onload=showWindow()>
上一篇:电脑打字效果代码大全
下一篇:室内设计工程制图课程的学习内容和要求
相关文章
-
出去千万别说UI和美工是一个职业,千万别暴露你的缺点哦
文章来源:老铁商城2019-10-31 -
我优化多年的 C 语言竟然被 80行Haskell 打败了?
文章来源:老铁商城2019-10-20 -
当程序员遇到中秋节,会产生怎样的化学反应......
文章来源:老铁商城2019-09-18 -
淘宝、京东这些网站的哪个部分用了web前端技术?你能学会吗?
文章来源:老铁商城2019-09-18 -
Linux和哪些行业有关?2019Linux运维必备哪些技能?
文章来源:老铁商城2019-09-18 -
公认最具影响力的4种编程语言!平均薪资20K,Java第一
文章来源:老铁商城2019-09-18 -
PYPL 9 月编程排行榜:Python第一,继续称霸!就业薪资怎么样?
文章来源:老铁商城2019-09-18