`

网站2侧广告js实现

阅读更多
<script language="javascript">
 	//左边
 <%
   	for(int j=0;j<list.size();j++){ 
   		AdvertiseModel model = (AdvertiseModel)list.get(j);
   		if("6".equals(model.getAdSeat())){
   
 %>
var left_img = "<DIV id=\"lovexin12\" style='left:22px;POSITION:absolute;TOP:69px;'><a href='http://<%=model.getAdUrl()%>' target='newForm'><img border=0 src='<%=basePath %>uploadPackage/<%=model.getImgUrl() %>' width='97' height='320'></a><br><img border=0 src=images/close.gif onClick='closeBanner();'></div>";
<%
	}}
%>
	
	 //右边
<%
   	for(int j=0;j<list.size();j++){ 
   		AdvertiseModel model = (AdvertiseModel)list.get(j);
   		if("7".equals(model.getAdSeat())){
   
%>
var right_img="<DIV id=\"lovexin14\" style='right:22px;POSITION:absolute;TOP:69px;'><a href='http://<%=model.getAdUrl()%>' target='newForm'><img border=0 src='<%=basePath %>uploadPackage/<%=model.getImgUrl() %>' width='97' height='320'></a><br><img border=0 src=images/close.gif onClick='closeBanner();'></div>"
<%}}%>
lastScrollY=0;
function closeBanner()
{
	document.getElementById("lovexin12").style.display	= 'none';
    document.getElementById("lovexin14").style.display	= 'none';
}
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);
}
document.write(left_img);
document.write(right_img);
window.setInterval("heartBeat()",1);
</script>

 

分享到:
评论

相关推荐

    2侧广告位特效

    2. **广告轮播**:为了展示多个广告,可以使用JavaScript实现定时切换的效果。这需要编写计时器函数,并结合DOM操作来更换广告内容。 3. **过渡效果**:为了让广告切换更加平滑,可以使用CSS3的过渡或动画属性,...

    两侧广告JS脚本

    在网页设计和开发中,"两侧广告JS脚本"是一个重要的技术点,它涉及到JavaScript语言、网页布局和用户体验等多个方面。这种脚本主要用于在网页的两侧显示动态或静态的广告内容,以增加网站的收入来源或者提升品牌曝光...

    javascript网站广告代码大全

    在这个"JavaScript网站广告代码大全"中,我们可能会发现一系列用于实现各种广告展示形式的代码示例,包括超酷选项卡广告、幻灯片播放效果广告以及首页两侧广告。这些功能都是为了提升用户体验,同时吸引用户注意力,...

    广告栏,广告栏的实现代码js

    本文将深入探讨如何使用JavaScript实现一个具有特色的广告栏,同时结合农历日历功能和控制状态栏的技巧,让网页交互更加生动有趣。 首先,我们要了解广告栏的基本结构。一个基本的广告栏通常包括广告图片、文字描述...

    网站广告Js大全,各类JS广告效果

    网站广告Js大全是一款集合了各种JavaScript(JS)广告效果的资源包,旨在为网页开发者提供便利,无需在创建网站时四处寻找合适的广告脚本。这个资源包中的JS代码适用于实现不同类型的广告展示,如横幅广告、弹窗广告...

    div+css实现的两侧浮动广告JS代码

    根据提供的文件信息,本文将详细解析“div+css实现的两侧浮动广告JS代码”的核心知识点。这主要包括如何利用HTML、CSS以及JavaScript实现两侧浮动广告的效果。 ### 一、理解需求 首先,我们要明确该功能的目的:...

    网站广告javascript大全

    这种效果通过JavaScript实现,可以增加广告的可见性和互动性。 9. **左右滚动广告代码**: 左右滚动广告通常用于展示一列或多列广告,用户可以通过点击按钮或自动滚动来浏览。JavaScript可以控制广告的水平滑动,...

    一个对联广告的js

    本文将深入探讨“一个对联广告的js”这个主题,它是一种利用JavaScript实现的对联广告功能,旨在帮助开发者快速、便捷地在网站上添加这种常见的广告形式。 对联广告,通常是指在网页两侧或者页面顶部、底部呈现的...

    网页两侧飘浮广告代码

    这种技术通常基于HTML、CSS和JavaScript实现,以确保广告元素能够随着用户滚动页面而保持固定位置。下面我们将深入探讨这个主题,包括必要的HTML结构、CSS样式和JavaScript实现。 1. **HTML结构**: 在HTML文件中...

    十个炫酷的JS广告效果

    2. **3D旋转广告**:通过CSS3和JavaScript,广告元素可以实现3D旋转,创造出立体视觉效果,增加用户的视觉冲击力。例如,利用Three.js库可以轻松创建3D场景。 3. **渐入渐出广告**:广告以淡入淡出的方式进行切换,...

    常用的14种JS广告

    JavaScript(简称JS)是网页开发中的重要语言,尤其在实现广告展示方面有着广泛的应用。本文将详细介绍14种常见的JS广告形式,帮助你理解和掌握如何利用JS进行广告投放与优化。 1. **横幅广告**:最常见的广告形式...

    javascript经典广告实例代码

    在本文中,我们将深入探讨JavaScript经典广告实例代码,这些代码涵盖了当前网站上常见的广告形式,对于开发者来说,无论是学习还是实际应用,都极具价值。 1. **JavaScript广告基础** JavaScript广告的核心在于...

    17个大型商业网站最常用的广告代码

    2. 网站右上角可关闭广告:`09网站右上角可关闭广告.rar`可能是一个HTML和JavaScript结合的实现,广告显示在页面的右上角,并提供一个明显的关闭按钮,允许用户根据需要关闭广告,提升浏览体验。 3. 自动轮换幻灯片...

    动态生成JS动态给网站添加悬浮广告及弹窗等

    动态生成JS技术就是一种高效的方法,它允许网站管理员灵活地向站点添加各种类型的广告和互动元素,如悬浮广告和弹窗,以吸引用户的注意力并提升用户体验。下面将详细探讨这一技术及其应用。 首先,动态生成JS...

    12个JavaScript广告动画源码

    3. **左右滚动广告代码**:这种广告设计常见于网站侧边栏,通过JavaScript定时自动或用户手动触发,实现广告图片或文字的左右滚动,增加视觉吸引力。 4. **图片播放广告代码**:这种广告通常以轮播形式呈现,...

    6种不同效果的JS广告代码特效

    JavaScript(JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其在实现网页动态效果和交互性方面发挥着重要作用。在这个压缩包中,你将找到六种不同的JS广告代码特效,这些特效可以提升网站的...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...

    10款JS广告代码

    1. **滑动广告**:这种广告通常会以横幅或侧边栏的形式出现在网页上,通过JS可以实现平滑的动画效果,比如自动轮播或者用户触发的滑动切换。 2. **弹窗广告**:JS可以创建在页面加载时出现的弹出窗口,或者在用户...

    网站常用广告代码大全

    焦点广告js的实现原理包括定时器控制轮播、触发动画效果和响应式设计,确保在不同设备上都能良好显示。 二、Flash广告 Flash广告在早期网络中非常流行,利用Adobe Flash技术创建动态、交互性强的广告。Flash广告...

    广告管理系统,js广告生成,新闻源广告发布,网站模块管理

    本文将深入探讨“广告管理系统”的核心概念,以及如何利用PHP5.3和MySQL来实现js广告生成、新闻源广告发布以及网站模块管理。 首先,我们要理解广告管理系统的主要功能。广告管理系统通常包括以下几个部分: 1. **...

Global site tag (gtag.js) - Google Analytics