JavaScript实现飘浮、对联及悬浮广告代码分享

"这篇资源是关于JavaScript实现的飘浮、对联及悬浮广告代码的集合，特别关注于广告的关闭按钮功能。文章介绍了如何在Flash中创建一个可点击的关闭按钮，并通过JavaScript将该功能应用到网页上的对联式广告中，确保广告具有良好的移植性。" 这篇文章详细阐述了如何利用JavaScript创建和实现飘浮、对联以及悬浮广告。首先，作者提到了对联广告在大型网站如新浪和搜狐的流行，这种广告形式允许用户选择关闭，相比弹窗广告更为用户友好。接着，文章进入主题，讲解如何在Flash中创建一个简单的关闭按钮。 在Flash中，你需要绘制一个小的"X"图形，然后将其转换为按钮组件。通过按下F8键，图形变为按钮，接着按下F9键打开动作面板，输入以下ActionScript代码： ```actionscript on(release) { getURL("FSCommand:", ""); } ``` 这段代码使得当用户点击按钮时，会触发一个命令。然而，为了让这个按钮在网页上起作用，还需要使用JavaScript来处理。 在网页端，JavaScript代码用来控制广告的显示位置和行为。例如，有一个`winload`函数，用于在页面加载完成后设置广告的位置。此外，还有针对不同屏幕宽度的条件判断，以适应不同的设备和浏览器窗口大小。代码示例中包含了一段JavaScript，用于设置广告的绝对定位，使其居顶且不随页面滚动条移动： ```html <SCRIPT language=javascript event=FSCommand() for=dl> duilian2.style.visibility='hidden'; duilian3.style.visibility='hidden'; </SCRIPT> <SCRIPT language=javascript> function winload() { duilian2.style.top = 20; duilian2.style.left = 5; duilian3.style.top = 20; duilian3.style.right = 5; } //if (document.body.offsetWidth > 800) { //{ document.write("<div id=duilian2 style='position: absolute; visibility: visible; z-index: 1"); //...其他HTML和CSS样式... //} </SCRIPT> ``` 通过这种方式，JavaScript不仅控制了广告的初始位置，还确保了广告在页面加载后正确显示。这种代码结构具有较好的移植性，可以适应不同的网页布局和设计需求。 这篇资源提供了实现JavaScript飘浮广告的关键技术，特别是对于对联广告中关闭按钮的实现，以及如何将Flash中的交互功能与网页JavaScript相结合。这对于网页开发者来说，是一个了解和学习广告编程、提升用户体验的好材料。