js在HTML中加入弹出式浮动广告
想做一个浮动广告，但不光是一个图片浮动着然后里面有一个链接，想做成将鼠标放到浮动的图片上，自动识别并从原图片上弹出另一张图片（或者一组自动放映的图片）对原图片进行解释，点...
想做一个浮动广告，但不光是一个图片浮动着然后里面有一个链接，想做成将鼠标放到浮动的图片上，自动识别并从原图片上弹出另一张图片（或者一组自动放映的图片）对原图片进行解释，点击时，是一样的链接效果，不知道该用什么代码？希望大虾帮帮忙，比较急。。
下面是已经写好的一段简单的代码，可以实现浮动广告，但是只是单图片的，没有捕捉监听自动弹出另一张图片的效果，是不是得用另一种完全不同的方法来写呢？。。
帮帮忙，谢谢了！
<script>
function fd()
{
//alert("fd");
document.getElementById("chip1").style.top=document.body.scrollTop+100;
document.getElementById("chip2").style.top=document.body.scrollTop+180;
}
</script>
<body onscroll="fd()"
bgcolor="#FFFFFF" text="#000000" >
<DIV ID="chip1" STYLE="position:absolute;left:200px;top:50px;left:800px;">
<A HREF="http://www.baidu.com"><IMG SRC="http://www.baidu.com/img/logo.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:100; height:100;left:800px;top:50px;background:#00dd00;">
<A HREF="http://www.baidu.com"><IMG SRC="http://www.baidu.com/img/logo.gif" BORDER=0></a>
</DIV>
<center>
<p>
<p>
<p>
<p>
<p>
dd
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
</center>
</body> 展开
下面是已经写好的一段简单的代码，可以实现浮动广告，但是只是单图片的，没有捕捉监听自动弹出另一张图片的效果，是不是得用另一种完全不同的方法来写呢？。。
帮帮忙，谢谢了！
<script>
function fd()
{
//alert("fd");
document.getElementById("chip1").style.top=document.body.scrollTop+100;
document.getElementById("chip2").style.top=document.body.scrollTop+180;
}
</script>
<body onscroll="fd()"
bgcolor="#FFFFFF" text="#000000" >
<DIV ID="chip1" STYLE="position:absolute;left:200px;top:50px;left:800px;">
<A HREF="http://www.baidu.com"><IMG SRC="http://www.baidu.com/img/logo.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:100; height:100;left:800px;top:50px;background:#00dd00;">
<A HREF="http://www.baidu.com"><IMG SRC="http://www.baidu.com/img/logo.gif" BORDER=0></a>
</DIV>
<center>
<p>
<p>
<p>
<p>
<p>
dd
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
</center>
</body> 展开
若以下回答无法解决问题，邀请你更新回答
1个回答
展开全部
<script>
function fd()
{
//alert("fd");
document.getElementById("chip1").style.top=document.body.scrollTop+180;
document.getElementById("chip2").style.top=document.body.scrollTop+180;
}
function showChip1(){
document.all.chip1.style.display = "";
document.all.chip2.style.display = "none";
}
function showChip2(){
document.all.chip2.style.display = "";
document.all.chip1.style.display = "none";
}
</script>
<body onscroll="fd()"
bgcolor="#FFFFFF" text="#000000" >
<DIV ID="chip1" STYLE="position:absolute;left:200px;top:50px;left:800px;">
<A HREF="http://www.baidu.com"><IMG SRC="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:100; height:100;left:800px;top:50px;background:#00dd00;"
onmouseover="showChip1();" onmouseout="showChip2();">
<A HREF="http://www.baidu.com"><IMG SRC="http://www.baidu.com/img/logo.gif" BORDER=0></a>
</DIV>
<center>
<p>
<p>
<p>
<p>
</center>
</body>
function fd()
{
//alert("fd");
document.getElementById("chip1").style.top=document.body.scrollTop+180;
document.getElementById("chip2").style.top=document.body.scrollTop+180;
}
function showChip1(){
document.all.chip1.style.display = "";
document.all.chip2.style.display = "none";
}
function showChip2(){
document.all.chip2.style.display = "";
document.all.chip1.style.display = "none";
}
</script>
<body onscroll="fd()"
bgcolor="#FFFFFF" text="#000000" >
<DIV ID="chip1" STYLE="position:absolute;left:200px;top:50px;left:800px;">
<A HREF="http://www.baidu.com"><IMG SRC="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:100; height:100;left:800px;top:50px;background:#00dd00;"
onmouseover="showChip1();" onmouseout="showChip2();">
<A HREF="http://www.baidu.com"><IMG SRC="http://www.baidu.com/img/logo.gif" BORDER=0></a>
</DIV>
<center>
<p>
<p>
<p>
<p>
</center>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
