<html>
<body>
<div id="ad" style="position:absolute">
<a href="http://www.baidu.com" target="_blank">
<img src="http://www.baidu.com/img/baidu_logo.gif" border="0">
</a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 20
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>
</html>
虽然管用,可是javascript部分的代码并不理解...郁闷..好好努力.
还有一种方法来自 http://www.lupaworld.com/23714/viewspace-3558
分享到：
相关推荐
虽然浮动广告能增加广告的曝光率，但也可能影响用户体验，特别是当广告过于频繁或过于显眼时。因此，设计良好的浮动广告应该考虑平衡广告效益和用户体验，例如限制广告的移动速度、提供关闭广告的选项，以及确保广告...
1. **浮动广告**：在网页窗口中漂浮移动的广告，能够吸引用户的注意力。 2. **随屏移动**：类似于传统的“对联广告”，常出现在页面两侧，随用户的滚动而移动。 3. **弹出窗口**：在用户打开网页时自动弹出的广告...
4. 保存并发布：确认无误后，点击“保存”按钮，然后在广告列表中将其状态设为“启用”，这样广告就会在指定的广告位上显示了。 四、广告代码插入 如果你需要在模板文件中手动插入广告，可以复制广告位的代码，...
DZ论坛支持多种广告形式，包括横幅广告、文字广告、漂浮广告等，这些广告都是通过HTML和JavaScript代码实现的。例如，`common.css`是论坛的全局样式表，其中可能包含了广告样式的定义，如广告的尺寸、颜色、位置等；...
本资源“经典网页常用代码直接粘贴就可以用”提供了一系列可以直接应用于网页设计的代码片段，帮助开发者快速实现特定功能，无需从零开始编写。下面将详细介绍这些代码类型及其应用。 1. 不间断滚动代码：这种代码...
- **品牌图形广告**: 包括按钮广告、鼠标感应弹出框、浮动标识/流媒体广告等多种形式。 - **富媒体广告**: 插播式富媒体广告、扩展式富媒体广告和视频类富媒体广告等。 - **视频贴片广告**: 在网络视频播放前、...
除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你...
正确理解和使用盒模型能帮助我们精确控制对联广告的布局。 10. **兼容性**： 虽然现代浏览器对CSS的支持已经非常广泛，但在实际项目中，仍需考虑老版本浏览器的兼容性。使用工具如Autoprefixer可以自动生成必要的...
例如，轮播焦点图和前贴片广告在不影响用户正常使用应用的同时提供品牌信息；悬浮广告和底导广告则以不干扰用户浏览为主，但仍能保持一定的广告可见性。 4. **广告频率和插入规则**：推荐广告位的插入规则（每5条...
7. **浮动广告**：在页面滚动时始终保持在屏幕可视区域内，有固定顶部、底部或侧边等位置。 8. **响应式广告**：根据设备屏幕大小自动调整广告尺寸，确保在桌面和移动设备上的适配性。 9. **插屏广告**：在页面...
在启用跟踪保护并添加拦截列表后，例如在访问新浪首页时，可以看到广告被显著减少，包括贴片广告、左右浮动广告和弹窗广告等。 然而，需要注意的是，跟踪保护主要针对第三方广告，可能无法拦截网站自身投放的广告。...
一个 浮动在桌面上 "+"图标，可以拖动到任意位置，鼠标右击开启使用功能。 贴图： 方法 1.截图以后贴图（右击"+"图标->截图,然后选择那个图钉图标，贴图完成） 方法 2：拖动图片到“+”图标。 贴图以后可以...
当你完成截图后，可以直接将截图贴回到屏幕上，就像一个浮动的便签一样。这个贴图可以自由移动、缩放，甚至设置透明度，使你在演示或讲解时能够随心所欲地展示关键信息。同时，贴图功能还能与剪贴板结合，方便你快速...
这种效果通常应用于网站的侧边栏广告、固定导航菜单或浮动按钮，使其在用户滚动页面时始终保持在屏幕的顶部或底部，从而提高用户体验，使关键信息始终保持可见。 【描述】中同样提到了“基于jQuery实现的网站漂浮...
1. **广告拦截**：Adblock Plus能有效阻止各种类型的广告，包括图片广告、弹窗、浮动广告、视频前贴片广告等。 2. **性能优化**：阻止广告可以减少网页的加载时间，因为浏览器无需下载和渲染广告资源，从而提高浏览...
后台带有开关设置10、显示论坛最新帖子排行榜，后台带有开关11、论坛点歌插件，后台带有开关12、无组件上传插件13、浮动广告插件，后台设置图片路径和链接 14、论坛关闭和音乐及无音乐页面的后台控制功能15、自助...
在实际项目中，浮动通栏常用于广告、订阅框、客服聊天窗口等。通过添加交互元素，如按钮、表单或动画，可以提升用户体验并引导用户进行操作。 综上所述，网页底部浮动通栏特效是通过CSS定位技术和HTML结构实现的，...
同时，软件在安装和使用过程中不会捆绑第三方广告或插件，保证了用户的使用体验不被干扰。 除了上述提到的功能外，Snipaste还具备了自动化功能，可以进行定时截图，这对于需要监控屏幕变化或者制作教程视频的用户来...
13、浮动广告插件，后台设置图片路径和链接 14、论坛关闭和音乐及无音乐页面的后台控制功能 15、自助友情链接插件，bbsxp专用 16、后台控制发贴、回帖所得到的金币数量及经验值 17、论坛介绍支持ybb代码 18、论坛VIP...
在使用体验上，Snipaste保持了极简风格，没有多余的广告和插件干扰，启动迅速，占用资源少，运行稳定。无论是日常办公还是专业设计，都能提供流畅的截图体验。此外，软件支持自定义快捷键，可以根据个人习惯设置截图...