转载:
<!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=utf-8">
<title>对联广告效果</title>
</head>
<body bgcolor="#66CCFF">
<script language="javascript">
<!--
//===================
// 对联广告效果脚本
// by 木鸟 2007.11.14
// www.iwms.net
// 转载及使用请保留本信息
//===================
var m_layer1,m_layer2;
function initMove() {
m_layer1=document.getElementById("AdLayer1");
m_layer2=document.getElementById("AdLayer2");
m_layer1.style.top = "-200px";
m_layer1.style.visibility = 'visible'
m_layer2.style.top = "-200px";
m_layer2.style.visibility = 'visible'
MoveLayers();
window.onscroll=MoveLayers;
}
function MoveLayers() {
var x = 5; // 左右边距
var y = 100; // 顶距
var st=document.documentElement.scrollTop;
var cw=document.documentElement.clientWidth;
var y = st + y;
m_layer1.style.top = y+"px";
m_layer1.style.left = x+"px";
m_layer2.style.top = y+"px";
m_layer2.style.left = cw-m_layer2.clientWidth-x+"px";
}
window.setTimeout("initMove()",600);
//-->
</script>
<div id='AdLayer1' style='position: absolute;visibility:hidden;z-index:1'><a href="http://www.iwms.net/buy"><img src='http://www.iwms.net/buy/pic/product_6.gif' border='0'></a></div>
<div id='AdLayer2' style='position:absolute;visibility:hidden;z-index:1'><a href="http://www.iwms.net/buy"><img src='http://www.iwms.net/buy/pic/product_8.gif' border='0'></a></div>
<div align="center" style="height:2000px">
<h3>对联效果</h3>
<br/><br/>
说明:该脚本由木鸟编写,适用于IE/Firefox/Opera。<br/><br/>
<a href="http://www.iwms.net/">www.iwms.net</a>
</div>
<h3> </h3>
<p> </p>
<p> </p>
</body>
</html>
分享到:
相关推荐
5. **数据追踪**:通过JavaScript,开发者可以集成第三方分析工具,收集广告展示、点击等数据,以便评估广告效果。 接下来,我们关注压缩包内的“物理弹性滚动对联广告代码”。这个文件可能包含了以下关键点: 1. ...
在这个案例中,JavaScript将负责处理对联广告的滚动动画效果。这可能包括定义图片数组,设置定时器更新显示的图片,以及处理滚动速度和方向等细节。 `js`目录可能包含了实现滚动效果的JavaScript文件。在这些文件中...
本文实例讲述了JS实现可关闭的对联广告效果代码。分享给大家供大家参考。具体如下: 这是非常经典的一款对联广告代码,带有关闭按钮,用户可以自行关掉广告,另外,广告的垂直位置会随着滚动条的变化自动定位,也...
在IT行业中,对联广告是一种常见的网页元素,它通常出现在网站的两侧,形似传统的对联,因此得名。...通过实际操作和代码研究,你可以更深入地理解和运用这些技术,为自己的网站或应用创造出吸引人的对联广告效果。
良好的兼容性意味着更广泛的用户覆盖,从而提升广告效果。 CSS(Cascading Style Sheets)在实现对联广告的样式控制中扮演了关键角色。通过CSS,我们可以定义广告的大小、颜色、字体、布局等视觉效果。因为广告的...
根据提供的标题、描述以及部分代码内容,我们可以总结出以下关于...通过对这些知识点的学习与理解,开发者可以更好地掌握如何利用JavaScript实现动态、交互式的广告效果,提升用户体验的同时提高广告的有效曝光率。
本篇文章将深入探讨“广告浮动广告”、“对联广告”和“图片广告”这三种常见的网络广告形式,以及它们的设计原理和实现技术。 首先,我们来看“广告浮动广告”。这种广告类型通常出现在网页的侧边或者角落,随着...
在"Javascript例子对联广告"这个主题中,我们将深入探讨如何利用JavaScript实现对联广告的动态展示和交互功能。 对联广告通常指的是那些在网页两侧呈现的、形状类似对联的广告形式,它们可以是图片、文本或者动态...
5. 预览并测试广告效果,如有需要,调整代码以达到预期。 总的来说,"对联广告代码.rar"为开发者提供了一个便捷的工具,帮助他们快速实现具有吸引力的对联广告功能。通过深入学习和实践,开发者可以掌握更多关于...
在JavaScript(简称JS)编程...总的来说,实现对联广告功能涉及JavaScript的基础知识、DOM操作、数据获取、样式控制、动画效果以及用户交互等多个方面,熟练掌握这些技能,将有助于构建更加高效和用户友好的网页应用。
在本文中,我们将深入探讨对联广告的设计原理、实现方式以及如何优化其效果。 一、设计原理 对联广告的设计主要考虑两个关键因素:视觉吸引力和用户体验。首先,它的位置位于页面两侧,使得用户在浏览网页时容易...
在IT行业中,经典对联广告的设计与应用是一个融合了传统艺术与现代技术的领域。对联,作为中国传统文化的重要组成部分,常被用于节日庆典、企事业单位的宣传活动中,以展示文化气息并传递祝福。在数字化时代,将对联...
CSS(层叠样式表)则负责对联广告的样式设定,包括颜色、大小、位置等视觉效果。例如,使用CSS可以将广告定位在页面两侧,如: ```css #ad-left { position: fixed; top: 50px; left: 0; width: 200px; } #ad-...
8. A/B测试:为了优化广告效果,可以进行A/B测试,对比不同版本的广告在用户参与度、点击率等方面的差异,根据数据反馈调整广告设计和功能。 9. 数据追踪:集成Google Analytics或其他分析工具,追踪广告的展示次数...
熟悉这两者能让你更自由地设计对联广告,实现独特的视觉效果。 最后,优化对联广告的性能也非常重要。为了保证页面加载速度,需要合理压缩图片,使用适当的文件格式(如JPEG或PNG),并利用CSS3的动画效果替代...
通过研究这个代码示例,开发者可以学习如何利用JavaScript实现动态广告效果,同时也可以根据自己的需求进行定制,比如改变广告的显示位置、添加自定义动画,或是调整关闭按钮的行为。 总结来说,"对联广告带上面...
7. **跟踪与分析**:为了评估广告效果,需要集成跟踪代码,如Google Analytics或其他第三方工具,以便收集点击率、转化率等数据,进行后续的优化。 8. **广告格式**:对联广告可以是静态图片、动态GIF,或者更复杂...
对联广告通常是指那些出现在页面两侧,形似对联的横幅广告,它们可以是图片、文字或者动态效果,目的是吸引用户的注意力,推广产品或服务。 在实现这种功能时,开发者会编写JavaScript或jQuery代码来创建一个带有...
【Flash对联广告详解】 Flash对联广告是20世纪末至21世纪初网络广告设计中常见的一种形式,尤其在TOM等门户网站上极为流行。这种广告以其独特的视觉效果和动态互动性,吸引了大量的用户关注,提升了广告的点击率和...