飞来飞去的广告
飞来飞去的广告,当鼠标放上去时暂停,移开时又重新飞舞。
效果图:


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>飘来飘去的广告</title>
</head>
<body>
<form id="form1" runat="server">
<div id="img" style="position:absolute;width:99px;height:50px;left:0px;top:0px">
<a href="http://lhking.cnblogs.com/" target="_blank"><img src="http://pic002.cnblogs.com/img/lhking/200902/2009021414542815.gif" alt="敬礼……" width="50px" height="50px" onmouseover="stop()" onmouseout="continuing()" /></a>
</div>
<script language="javascript" type="text/javascript">
var xPos=document.body.clientWidth/2;
var yPos=0;
var step=1;
var delay=60;
var height=0;
var Hoffset=0;
var Woffset=0;
var yon=0;
var xon=0;
var pause=true;
var internal;
function changePos()
{
width=document.body.clientWidth;
height=document.body.clientHeight;
Hoffset=img.offsetHeight;
Woffset=img.offsetWidth;
img.style.left=xPos+document.body.scrollLeft;
img.style.top=yPos+document.body.scrollTop;
if(yon)
{
yPos=yPos+step;
}
else
{
yPos=yPos-step;
}
if(yPos<0)
{
yon=1;
yPos=0;
}
if(yPos>=(height-Hoffset))
{
yon=0;
yPos=(height-Hoffset);
}
if(xon)
{
xPos=xPos+step;
}
else
{
xPos=xPos-step;
}
if(xPos<0)
{
xon=1;
xPos=0;
}
if(xPos>=(width-Woffset))
{
xon=0;
xPos=(width-Woffset);
}
}
function start()
{
img.visibility="visible";
interval=setInterval('changePos()',delay);
}
function continuing()
{
interval=setInterval('changePos()',delay);
}
function stop()
{
clearInterval(interval);
}
start();
</script>
</form>
</body>
</html>
如果本文的描述的方法或内容有问题,请给我留言。
分类:
前端技术
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述