<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>符合标准的正常工作的对联广告</title>
<script language="JavaScript" type="text/javascript">
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lovexin12").style.top=parseInt(document.getElementById
("lovexin12").style.top)+percent+"px";
document.getElementById("lovexin14").style.top=parseInt(document.getElementById
("lovexin12").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}//from webjx.com
suspendcode12="<DIV id=\"lovexin12\" style='left:2px;POSITION:absolute;TOP:120px;'>ad1</div>"
suspendcode14="<DIV id=\"lovexin14\" style='right:2px;POSITION:absolute;TOP:120px;'>ad2</div>"
document.write(suspendcode12);
document.write(suspendcode14);
window.setInterval("heartBeat()",1);
</script>
<style type="text/css">
<!--
#lovexin12,#lovexin14{
width:120px;
height:250px;
background-color:#e5e5e5;
border:1px solid #ddd;
}
html,body{
height:1000px;
}
#mm{
height:1000px;
}
-->
</style>
</head>
<body>
<div id="mm">
</div>
</body>
</html>
分享到:
相关推荐
浮动对联广告代码是一种常见的网页设计技术,用于在网站页面的两侧显示动态漂浮的广告条。这种广告形式因其能够持续吸引用户注意力而被广泛采用。在本案例中,我们讨论的是通过JavaScript实现的浮动对联广告代码。 ...
在本话题中,我们将深入探讨"JS广告代码 漂浮 对联"这一主题,理解如何利用JavaScript实现广告的漂浮效果以及对联样式。 首先,让我们了解什么是漂浮广告。漂浮广告是指在用户浏览网页时,广告会固定在屏幕的某一...
9:右上角翻页关闭代码演示下载 10:两个焦点代码演示下载 11:页面随意漂浮代码演示下载 12:自由变化显示方式代码演示下载 13:右上拉链式打开代码演示下载 14:全屏缩放广告代码演示下载 15:右下角提示消息广告...
在IT行业中,"三组对联广告,左右漂浮,可关闭,可侧漂浮"是一种常见的网页广告设计模式,通常用于提升网站的互动性和用户体验。这种广告形式旨在吸引用户的注意力,同时允许用户根据需要关闭或者调整其显示位置。...
漂浮式广告指的是在网页上浮动显示的广告,它不受页面滚动的影响;而对联式广告则是指广告像对联一样位于网页两侧。本篇将深入分析一个结合了这两种形式的JS广告实例,通过代码解读,理解其工作原理和技术要点。 ##...
9:右上角翻页关闭代码演示下载 10:两个焦点代码演示下载 11:页面随意漂浮代码演示下载 12:自由变化显示方式代码演示下载 13:右上拉链式打开代码演示下载 14:全屏缩放广告代码演示下载 15:右下角提示消息广告...
漂浮对联的展示效果需要通过CSS实现浮动和动画效果,而JavaScript则负责动态交互,如对联的显示、隐藏、移动等。 2. **响应式设计**:为了让对联在不同设备和屏幕尺寸下都能良好显示,需要采用响应式布局。这涉及到...
一个非常简单好用的jQuery对联广告代码 直接引入jQuery插件,本插件,然后再来一个调用方法即可,简单易用,不会出现冲突 使用方法: 1、引入index.html head中的css样式 2、引入body中的代码部分即可 ...
左右悬浮对联广告特效代码是在网页中制作左右两侧漂浮广告的一种JavaScript特效实现方式。这种特效能够让广告在页面的左侧或右侧不停地上下漂浮,增加广告的曝光率,通常用于提升网站的点击率或吸引用户的注意力。在...
### 不用JS多浏览器兼容纯DIV/CSS对联漂浮广告代码详解 #### 一、引言 在早期Web开发中,实现某些交互效果时往往需要兼顾多种浏览器的支持情况,尤其是针对IE6、IE7这类老旧浏览器。本文将详细介绍一个无需...
### JavaScript 对联广告与漂浮广告封装类解析 在网页设计与开发中,为了增加页面互动性和提升用户体验,开发者常常会使用各种类型的广告展示技术。其中,“对联广告”和“漂浮广告”是非常常见的两种形式。下面...
然后,我们计算出鼠标相对于视口的X和Y坐标,并将这些坐标加一个偏移量(例如10像素)设置为广告元素的`left`和`top`样式,这样广告就会保持与鼠标一定距离的漂浮状态。 然而,为了优化用户体验,我们还需要考虑...
在描述中提到的"漂浮左下右下对联代码"可能是一种JavaScript实现的代码库,用于创建这种浮动的对联效果。JavaScript是一种广泛使用的客户端脚本语言,它可以在用户的浏览器中运行,用于增加网页的交互性和动态性。这...
jQuery 实现的对联广告是一种常见的网页动态效果,它允许广告在页面的左右两侧浮动,并且用户可以选择关闭其中任意一侧。这种效果可以提高广告的可见性,同时给用户提供了一定的控制权,以优化浏览体验。以下是如何...
QQ客服,漂浮广告 这款网站客服代码可以浮动在网页右侧,随页面滚动而滚动,红色调,看上去非常漂亮,而且调用时候就只需一名话,除了可以拿它来做浮动的客服窗口外,还可以把它改为对联广告、漂浮广告等代码。
广告添加:可自定义广告大小,对联、浮动、全屏等多种广告显示效果,可限制按显示次数、点击次数和时效控制广告,并记录付款记录。 广告到期提醒功能 广告预定管理功能 按小时、**、月、IP显示统计数据,并可按...
- **漂浮对联**:在页面两侧显示的广告,随着用户的滚动而移动。 - **屏中路障**:出现在页面中间,需要用户手动关闭的广告形式。 这些模板的设计旨在帮助网络媒体轻松创建视觉效果出众的富媒体广告,提升用户体验...
漂浮广告/对联代码 为什么在XHTML语言的网页中不能使用
易达外贸建站系统全部为标签化调用,程序和模板完全分离,独立创新的数据同步功能、数据库在线一键备份功能...20.内置强大的广告管理功能,支持文本广告、对联广告、页面漂浮广告、右下角弹出广告。 等强大功能......