引用
以下代码存为网页直接运行（注:如果网页有其他代码的话，此代码最好放在网页最后也就是"</body>"标签之前就是了。。）
<html>
<head>
</head>
<body>
<DIV id=ad_dl01
style="Z-INDEX: 1; LEFT: 5px; VISIBILITY: visible; WIDTH: 100px; POSITION: absolute; TOP:
95px">
<TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
<TBODY>
<TR>
<TD align=left><A onclick="ad_dl01.style.visibility='hidden'"><IMG
height=16 src="/oblog/images/yanglan_01.gif" width=100 border=0></A></TD></TR>
<TR>
<TD><A href="/oblog/"
target=_blank><IMG height=184 src="/oblog/images/fudongleft.gif" width=100
border=0></A></TD></TR></TBODY></TABLE></DIV>
<DIV id=ad_dl02
style="Z-INDEX: 1; RIGHT: 5px; VISIBILITY: visible; WIDTH: 100px; POSITION: absolute; TOP:
95px">
<TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
<TBODY>
<TR>
<TD align=right><A onclick="ad_dl02.style.visibility='hidden'"><IMG
height=16 src="/oblog/images/yanglan_01.gif" width=100 border=0></A></TD></TR>
<TR>
<TD><A href="/oblog/"
target=_blank><IMG height=184 src="/oblog/images/fudongright.gif"
width=100 border=0></A></TD></TR></TBODY></TABLE></DIV>
<SCRIPT type=text/javascript>
var step_ratio = 0.1;
objs = new Array();
objs_x = new Array();
objs_y = new Array();
function addfollowmark(name, x, y) {
i = objs.length;
objs[i] = document.getElementById(name);
objs_x[i] = x;
objs_y[i] = y;
}
function followmark() {
for(var i=0; i<objs.length; i++) {
var fm = objs[i];
var fm_x = typeof(objs_x[i]) == 'string' ? eval(objs_x[i]) : objs_x[i];
var fm_y = typeof(objs_y[i]) == 'string' ? eval(objs_y[i]) : objs_y[i];
if (fm.offsetLeft != document.body.scrollLeft + fm_x) {
var dx = (document.body.scrollLeft + fm_x - fm.offsetLeft) * step_ratio;
dx = (dx > 0 ? 1 : -1) * Math.ceil(Math.abs(dx));
fm.style.left = fm.offsetLeft + dx;
}
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop;
if (fm.offsetTop != diffY + fm_y) {
var dy = (diffY + fm_y - fm.offsetTop) * step_ratio;
dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy));
fm.style.top = fm.offsetTop + dy;
}
fm.style.display = '';
}
}
addfollowmark("ad_dl01", 5, 180);
addfollowmark("ad_dl02", "document.body.clientWidth-105", 180);
setInterval('followmark()',20);
</SCRIPT>
</body>
</html>
分享到：
相关推荐
精品课件
客服QQ浮动窗口是一种常见的网页交互设计，用于提供即时在线客服支持。这种设计通常结合JavaScript和CSS技术实现，以便在用户浏览网页时，一个带有QQ客服号码的小窗口会悬浮在页面的一角，方便用户随时发起咨询。 ...
在网页设计中，浮动窗口是一种常见的交互元素，它可以在用户滚动页面时始终保持在视口的可见位置，提供持续的信息展示或者导航功能。本教程将详细讲解如何使用JavaScript实现基于页面的浮动窗口。JavaScript作为一种...
网页浮动QQ代码是一种常见的网页交互设计，主要用于在网站页面上添加一个可以跟随用户滚动而始终保持在屏幕某一位置的QQ在线客服或联系图标。这种设计能够提高用户体验，方便访客随时咨询，无需离开当前浏览的位置。...
网页浮动QQ JavaScript源代码是一种常见的实现网页上即时通讯功能的技术，尤其在早期互联网应用中较为流行。这个技术主要依赖于JavaScript语言，它允许用户在不离开当前网页的情况下与他人进行实时交流，提升了用户...
总的来说，新浪奥运频道的Js右下角浮动窗口代码是通过结合HTML、CSS和JavaScript实现的一种动态效果，它提升了用户在浏览网页时获取实时信息的便捷性。通过学习和理解这一技术，开发者可以为自己的项目增添类似的...
【标题】：“新浪奥运频道的Js右下角浮动窗口代码打包.zip”是一个压缩包文件，其中包含用于实现类似新浪奥运频道右下角浮动窗口的JavaScript代码。这种浮动窗口通常用于展示实时更新的信息，如赛事直播、新闻推送...
网页浮动广告窗口是一种常见的网页设计技术，用于在用户浏览页面时始终显示特定的广告或信息。这种技术通过JavaScript实现，可以将广告放置在屏幕的右侧或左侧，甚至可以设置为固定位置，使得无论用户滚动页面，广告...
网页浮动窗客服代码是一种在网页上实现类似QQ客服窗口效果的技术。这种技术使得用户在浏览网页时能够方便快捷地与网站客服进行互动，无需离开当前页面。它通常由JavaScript、CSS和HTML等前端技术实现，有时也会结合...
首先，我们来理解浮动窗口的基本概念。在HTML中，浮动窗口通常不是通过HTML本身直接实现的，而是借助CSS的定位属性，如`position`（位置）、`top`、`right`、`bottom`和`left`。通过设置这些属性，我们可以使一个...
### 使用JavaScript实现网页浮动窗口随窗口滚动功能 在现代网页设计中，为了提供更好的用户体验，很多网站都会使用浮动窗口作为在线客服系统、广告推送或帮助菜单等。这种类型的浮动窗口通常固定在屏幕的一角，并...
3. JavaScript/jQuery代码：实现拖动逻辑和浮动窗口的更新。 在开发过程中，开发者可能会使用jQuery的选择器和方法来选取和操作DOM元素，如`$(selector).on('event', function() {...})`绑定事件处理函数，`$...
新浪奥运频道的Js右下角浮动窗口代码打包主要涉及到JavaScript这一编程语言，特别是与网页动态效果和用户体验相关的技术。JavaScript是一种轻量级的解释型编程语言，广泛应用于Web开发，用于实现网页的交互性和动态...
在这个特定的场景下，`admin.asp`可能包含设置QQ号、在线状态显示规则、浮动窗口样式等参数的代码。管理员可以通过修改这个页面来定制插件的行为，如设置显示的QQ账号，调整浮动窗口的位置、大小、颜色等外观属性。 ...
在网页设计中，为了提升用户体验，有时我们需要在页面的右下角设置一个浮动窗口，用于显示通知、广告或者提供客服服务。jQuery作为一个强大的JavaScript库，提供了丰富的功能来实现这样的效果。本文将详细讲解如何...
"jquery商城网站右下角浮动窗口商品随机展示效果代码"是一种实现这一目标的技术手段。这个功能通常被称为“悬浮广告”或“飘窗”，它可以在用户浏览网页时，始终保持在屏幕的右下角，展示随机选择的商品信息，以吸引...
确保你的浮动窗口代码在各种浏览器（包括老版本的IE）上都能正常工作，可能需要引入一些polyfill或者使用兼容性良好的库。 5. **优化**： - **性能**：避免使用过于复杂的JavaScript或CSS，以减少页面加载时间。 ...
标题与描述概述的知识点主要集中在网页设计中的浮动广告实现方式上。这涉及到前端开发中HTML、CSS以及JavaScript的综合运用，旨在使广告在用户浏览网页时保持动态或半静态的位置，既达到展示目的又不干扰用户体验。...