关于在.net网页里面挂漂浮广告的问题！

灰太狼已不再单身 2008-11-02 06:02:09
我对于JavaScript脚本语言不是好熟悉，我想在自己的网页中挂漂浮广告，但是在网上找的这个代码它只在最上面那行左右移动，我想要广告在右侧或者左侧上下移动，而且随屏的最好，谁能帮我解决下吗？

http://www.996.com.cn/ 这个网站就是右侧的广告，我就想那样的。


下面是我在网上找的脚本代码，请帮忙改改：

<div id="ad" style="position:absolute">
<a href="gd_contact.aspx">
<asp:ImageButton ID="imgConsultation" ImageUrl="~/images/bd_images/consultation.bmp" runat="server" />
</a>
</div>
<script language="javascript" type="text/javascript">
var x = 50 //浮动层的初始位置，分别对应层的初始X坐标和Y坐标
var y = 60
var xin = true //判断层的X坐标和Y坐标是否在在控制范围之内，xin为真是层向右移动，否则向左；yin为真是层向下移动，否则向上
var yin = true
var step = 1 //层移动的步长，值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒，值越小移动速度越快
var obj=document.getElementById("ad") //捕获id为ad的层作为漂浮目标
function floatAD()
{
var L=T=100 //层移动范围的左边界(L)和上边界(T)坐标
var R= document.body.clientWidth-obj.offsetWidth //层移动的右边界
var B = document.body.clientHeight-obj.offsetHeight //层移动的下边界

obj.style.left = x + document.body.scrollLeft //更新层的X坐标，实现X轴方向上的运动；document.body.scrollLeft为文档区域的滚动条向右拉的距离，以保证在滚动条右拉时层仍在可见范围内
obj.style.top = y + document.body.scrollTop //更新层的Y坐标，实现Y轴方向上的运动；document.body.scrollTop为文档区域的滚动条向下拉的距离，以保证在滚动条下拉时层仍在可见范围内
x = x + step*(xin?1:-1) //通过判断层的范围决定层在X轴上的运动方向
if (x < L)
{
xin = true; x = L //层超出左边界时的处理
}
if (x > R)
{
xin = false; x = R //层超出右边界时的处理
}
y = y + step*(yin?1:-1) //通过判断层的范围决定层在Y轴上的运动方向
if (y < T)
{
yin = true; y = T
}
if (y > B)
{
yin = false; y = B
}
}
var itl= setInterval("floatAD()", delay) //每delay秒执行一次floatAD函数
obj.onmouseover=function()
{
clearInterval(itl) //层在鼠标移上时清除上面的间隔事件，实现层在的鼠标移上时停止运动的效果
}
obj.onmouseout=function()
{
itl=setInterval("floatAD()", delay) //层在鼠标移开时开始间隔事件，实现层在的鼠标移开时继续运动的效果
}
</script>
...全文
490 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
haomaomaoyu 2009-07-30
  • 打赏
  • 举报
 回复
灰太狼已不再单身 2008-11-05
  • 打赏
  • 举报
 回复
我知道是漂浮的 可是我运行的时候怎么都是只在页面的顶端左右漂浮的呢?
难道是我网页代码的问题？
hotit 2008-11-03
  • 打赏
  • 举报
 回复
关注
zhangli0911 2008-11-03
  • 打赏
  • 举报
 回复
关注一下
jovien 2008-11-03
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 jovien 的回复:]
JScript code
<div id="ad" style="position:absolute">
<a href="http://www.***.com" target="_blank">
<img src="images/01.gif" border="0">
</a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-ob…
[/Quote]

我这段脚本就是漂浮移动的啊！
灰太狼已不再单身 2008-11-03
  • 打赏
  • 举报
 回复
汗 我要的可不是什么固定条哦

是右侧或者 左侧 上下移动的漂浮广告代码

或者是 随屏移动（也就是随进度条上下移动的）的漂浮广告脚本代码
w161134025 2008-11-03
  • 打赏
  • 举报
 回复
顶下
庚武讲堂 2008-11-03
  • 打赏
  • 举报
 回复
你要的是不是网页固定位置的广告条啊，说清楚嘛，不要说什么漂浮广告，你去baidu搜下，万千！
qhdrenzhijie 2008-11-03
  • 打赏
  • 举报
 回复
路过
灰太狼已不再单身 2008-11-03
  • 打赏
  • 举报
 回复
晕哦，这些代码当做没什么用的，我要的是右侧上下移动的代码，右侧 上下 移动的漂浮广告脚本代码

可是上面的你的效果和我原来的代码效果是一样的哦
mengxj85 2008-11-02
  • 打赏
  • 举报
 回复
楼上强！顶
takeshe 2008-11-02
  • 打赏
  • 举报
 回复
我改了一下错误~~运行出来是横向的~~你自己改成竖的吧~~
复制下面代码~~把图片路径改一下~应该可以``
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript" language="javascript">
var x = 50 //浮动层的初始位置，分别对应层的初始X坐标和Y坐标
var y = 60
var xin = true //判断层的X坐标和Y坐标是否在在控制范围之内，xin为真是层向右移动，否则向左；yin为真是层向下移动，否则向上
var yin = true
var step = 1 //层移动的步长，值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒，值越小移动速度越快
var obj=document.getElementById("ad") //捕获id为ad的层作为漂浮目标
function floatAD()
{
var L=T=100 //层移动范围的左边界(L)和上边界(T)坐标
var R= document.body.clientWidth-document.getElementById("ad").offsetWidth //层移动的右边界 16
var B = document.body.clientHeight-document.getElementById("ad").offsetHeight //层移动的下边界
document.getElementById("ad").style.left = x + document.body.scrollLeft //更新层的X坐标，实现X轴方向上的运动；document.body.scrollLeft为文档区域的滚动条向右拉的距离，以保证在滚动条右拉时层仍在可见范围内
document.getElementById("ad").style.top = y + document.body.scrollTop //更新层的Y坐标，实现Y轴方向上的运动；document.body.scrollTop为文档区域的滚动条向下拉的距离，以保证在滚动条下拉时层仍在可见范围内
x = x + step*(xin?1:-1) //通过判断层的范围决定层在X轴上的运动方向
if (x < L)
{
xin = true; x = L //层超出左边界时的处理
}
if (x > R)
{
xin = false; x = R //层超出右边界时的处理
}
y = y + step*(yin?1:-1) //通过判断层的范围决定层在Y轴上的运动方向
if (y < T)
{
yin = true; y = T
}
if (y > B)
{
yin = false; y = B
}
}
var itl= setInterval("floatAD()", delay) //每delay秒执行一次floatAD函数
function m()
{
clearInterval(itl) //层在鼠标移上时清除上面的间隔事件，实现层在的鼠标移上时停止运动的效果
}
function s()
{
itl=setInterval("floatAD()", delay) //层在鼠标移开时开始间隔事件，实现层在的鼠标移开时继续运动的效果
}
</script>
</head>
<body>
<div id="ad" style="position:absolute" onmouseover="m()" onmouseout="s()">
<a href="http://www.baidu.com">
<img src="images/01.jpg" alt="henry" style="width: 126px; height: 177px" />
</a>
</div><br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
jovien 2008-11-02
  • 打赏
  • 举报
 回复 


<div id="ad" style="position:absolute">

<a href="http://www.***.com" target="_blank">

<img src="images/01.gif" border="0">

</a></div>

<script>

var x = 50,y = 60

var xin = true, yin = true

var step = 1

var delay = 10

var obj=document.getElementById("ad")

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x < L) { xin = true; x = L}

if (x > R){ xin = false; x = R}

y = y + step*(yin?1:-1)

if (y < T) { yin = true; y = T }

if (y > B) { yin = false; y = B }

}

var itl= setInterval("floatAD()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

</script>


放在<body></body>之间
RHCL 2008-11-02
  • 打赏
  • 举报
 回复
mark~~
灰太狼已不再单身 2008-11-02
  • 打赏
  • 举报
 回复
晕 ，我要的就是要 上下 移动的呢 ···要在网页左侧 或者 右侧 移动··
ChinaUnix中的音乐天地
昨日竟然发现里面有一个休闲生活交流区，便跑到里面的影音文字栏目里瞧瞧。 内容很多，帖子不少，来不及细看，匆忙间倒也找到了好东西。一个"据说价值5000元MP3歌曲"的帖子，里面介绍了好多美妙的歌曲。帖子连接...
(19)C#传智:CSS,选择器,样式（第19天)
1）安装环境：如果没有在vs2022中安装asp.net，那么打开vs2022,上在面菜单 工具->获取工具 和功能 ，弹出Visual Studio Install，经过程序检查后。在左侧选中ASP.NET和Web开发（ 复选框)，对应的，右侧会出现复选，...
最全面、最详细web前端面试题及答案总结
我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会...
Android 经典面试题总结
这是鸿洋大神总结的面试题: http://blog.csdn.net/lmj623565791/article/details/24015867
Android面试题目及其答案
转自：http://blog.csdn.net/wwj_748/article/details/8868640 Android面试题目及其答案 1、Android dvm的进程和Linux的进程, 应用程序的进程是否为同一个概念 　DVM指dalivk的虚拟机。每一个Android应用程序...
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章