标准对联广告Js代码
用于门户网站两侧的“对联广告”
<!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>标准对联广告Js代码</title>
<style type="text/css">
<!--
#advert_01,#advert_02{
width:145px;
height:140px;
background-color:#ededed;
border:0px solid #ddd;
}
html,body{
height:1503px;
}
#mm{
height:1000px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function closeBanner()
{
advert_01.style.visibility="hidden";
advert_02.style.visibility="hidden";
}
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*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("advert_01").style.top=parseInt(document.getElementById("advert_01").style.top)+percent+"px";
document.getElementById("advert_02").style.top=parseInt(document.getElementById("advert_01").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
advert01_HtmlContent="<DIV id=\"advert_01\" style='left:2px;POSITION:absolute;TOP:120px;'><a target='_blank' href='http://www.baidu.com'><img
src='image/tt.jpg' border='0'/></a><br><img src='image/close_tt.gif' onClick=\"closeBanner();\"></div>"
advert02_HtmlContent="<DIV id=\"advert_02\" style='right:2px;POSITION:absolute;TOP:120px;'><a target='_blank' href='http://www.baidu.com'><img
src='image/tt.jpg' border='0'/></a><br><img src='image/close_tt.gif' onClick=\"closeBanner();\"></div>"
document.write(advert01_HtmlContent);
document.write(advert02_HtmlContent);
window.setInterval("heartBeat()",1);
</script>
</head>
<body>
<div id="mm"></div>
</body>
</html>
分享到：
相关推荐
根据提供的标题、描述以及部分代码内容，我们可以总结出以下关于“对联广告JS代码效果”的相关知识点： ### 对联广告JS代码概述 对联广告通常指的是网页两侧展示的竖向广告，这类广告形式在国内网站中较为常见。...
首先，"弹性滚动对联广告代码"是一种使用JavaScript（JS）编写的脚本，它实现了广告条目在页面滚动时动态调整位置的功能。JavaScript是一种轻量级的解释型编程语言，常用于网页交互和动态效果的实现。通过JS，我们...
【标题】"可关闭的对联广告JS代码"涉及到的是网页开发中的JavaScript技术，特别是关于动态广告展示和用户交互的设计。对联广告通常是指在网页两侧显示的广告条，而"可关闭"这一特性则是为了提升用户体验，允许用户在...
在网页设计中，对联广告的代码实现主要依赖于HTML、CSS以及可能的JavaScript。`index.htm`文件很可能是包含整个网页结构的HTML文档，其中包括对联广告的布局和内容。HTML用于构建页面的基本结构，比如定义广告的位置...
在本教程中，我们将深入探讨如何使用JavaScript（JS）来实现对联广告的动态加载和交互。 首先，`default.htm`是网页的主文件，它包含了HTML结构和JavaScript代码。在HTML中，你需要创建两个div元素，分别代表对联...
"带关闭的js对联广告代码"是指一种特殊的JavaScript实现，它用于创建具有关闭功能的对联广告，这种广告通常出现在网页的两侧，以横幅的形式展示，并且用户可以方便地点击关闭按钮来移除广告。 对联广告，又称为对联...
`tan.js`很可能是主要的JavaScript源代码文件，它包含了实现对联广告逻辑的函数、变量和事件处理程序。这个文件可能包括了广告的加载、显示、点击跟踪、广告切换等功能。 1. **广告加载**：JavaScript可以用来异步...
本文将深入探讨“一个对联广告的js”这个主题，它是一种利用JavaScript实现的对联广告功能，旨在帮助开发者快速、便捷地在网站上添加这种常见的广告形式。 对联广告，通常是指在网页两侧或者页面顶部、底部呈现的...
在IT行业中，对联广告是一种常见的在线营销方式，它通常出现在网页两侧，呈现出类似对联的形式，为...在实际应用中，开发者需要根据具体需求和网站环境，灵活运用这些技术点来创建符合标准且用户体验良好的对联广告。
在本案例中，我们讨论的是通过JavaScript实现的浮动对联广告代码。 JavaScript，简称JS，是一种轻量级的解释型编程语言，常用于网页和网络应用的开发。它可以增加交互性、处理数据、控制浏览器功能，并创建动态效果...
js对联广告代码演示 javascript对联
在本案例中，"对联广告带上面关闭代码.rar" 是一个包含实现对联广告功能的JavaScript代码示例。通过解压文件，我们可以看到名为 "08" 的子文件，这很可能是压缩包中的主要代码文件。 首先，我们需要理解JavaScript...
在实现这种功能时，开发者会编写JavaScript或jQuery代码来创建一个带有关闭按钮的对联广告。下面是一个简化的实现过程： 1. **HTML结构**：首先，我们需要在HTML文档中定义广告的基本结构，包括广告内容和关闭按钮...
例如，`ad.js` 可能是JavaScript代码，而 `styles.css` 或 `ads.css` 可能包含了对联广告的CSS样式。 为了创建自己的对联广告，开发者需要考虑以下步骤： 1. **规划广告设计**：确定广告的尺寸、颜色方案和交互...
本资源"对联广告代码.rar"提供了一套实现这种效果的JavaScript（JS）代码，下面我们将详细探讨对联广告的技术实现、应用场景以及如何使用这套代码。 首先，对联广告的实现主要依赖于HTML、CSS和JavaScript。HTML...
Js对联广告代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
本文将深入探讨“超强兼容对联广告代码”的实现，主要关注其基于纯CSS样式的编写，以及如何确保在不同浏览器间（如IE、Firefox等）的兼容性。 首先，我们需要了解对联广告的基本结构。对联广告通常由两个或多个并排...
本主题主要聚焦于如何使用JavaScript来实现一个可关闭的对联广告代码，以提供更好的用户体验。 首先，我们来理解对联广告的基本概念。对联广告，又称为侧边栏广告，因其形状类似中国传统文化中的对联而得名。这种...
通过以上这些知识点，我们可以编写一个完整的JavaScript漂浮对联广告脚本，使其在页面上既美观又不打扰用户。在实际应用中，还需要结合HTML结构和CSS样式进行细致的调整，以达到最佳的视觉效果和用户体验。