| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 624 人关注过本帖
标题:[求助]怎样使两边的广告跟着走
只看楼主 加入收藏
hadisi
Rank: 1
等 级:新手上路
帖 子:82
专家分:0
注 册:2006-5-15
收藏
 问题点数:0 回复次数:4 
[求助]怎样使两边的广告跟着走
我想实现这样一个功能
就是说当你向下拉你的页面的时候,两边的广告条也跟着动
向上的时候,广告条也向上,请问代码怎么写?
搜索更多相关主题的帖子: 广告 动向 页面 
2006-07-24 14:52
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
收藏
得分:0 
老问题,自己先在本版搜索

http://www./
2006-07-24 14:56
jnzsk
Rank: 1
等 级:新手上路
威 望:1
帖 子:403
专家分:0
注 册:2004-11-13
收藏
得分:0 

下面是具体的代码和说明:

suspendcode="<DIV id=lovexin1 style='Z-INDEX: 10; LEFT: 32px; POSITION: absolute; TOP: 105px; width: 95; height: 203px;'><img src='/skin/xy/gg/close.gif' onClick='javascript:window.hide()' width='95' height='20' border='0' vspace='3' alt='关闭对联广告'><a href='http://www.xybook.cn' target='_blank'><img src='/skin/xy/gg/xy_xy.gif' width='95' height='300' border='0' alt='对联广告位95x300招租QQ_18941789'></a></DIV>"
document.write(suspendcode);
suspendcode="<DIV id=lovexin2 style='Z-INDEX: 10; LEFT: 912px; POSITION: absolute; TOP: 105px; width: 95; height: 203px;'><img src='/skin/xy/gg/close.gif' onClick='javascript:window.hide()' width='95' height='20' border='0' vspace='3' alt='关闭对联广告'><a href='http://www.xybook.cn' target='_blank'><img src='/skin/xy/gg/xy_xy.gif' width='95' height='300' border='0' alt='对联广告位95x300招租QQ_18941789'></a></DIV>"
document.write(suspendcode);
lastScrollY=0;
function heartBeat(){
diffY=document.body.scrollTop;
percent=.3*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.lovexin1.style.pixelTop+=percent;
document.all.lovexin2.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
function hide()
{
lovexin1.style.visibility="hidden";
lovexin2.style.visibility="hidden";
}
window.setInterval("heartBeat()",1);

把上面代码另存为准备调用的JS文件,如:dl.js 放在你能找到的文件夹中,如:/JS/dl.js

注意把颜色部分改成你自己的图片和链接地址,绿色代码为关闭广告所用图片,蓝色为广告图片,红色为广告链接地址,黄色为说明文字。

下面是在模版中调用的方法,以动易默认的首页模版为例(注意:由于模版的改变及代码插入的位置不同,调用时要自己调整下面红色的数值。

<!--频道显示代码-->
<tr>
<td colSpan=2>
<table class=top_Channel cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
<td align=left><div id=Layer60 style="Z-INDEX: 60; WIDTH: 10px; POSITION: absolute; HEIGHT: 10px"><div id=Layer61 style="Z-INDEX: 1; LEFT: -140px; WIDTH: 980px; POSITION: absolute; TOP: 10px; HEIGHT: 150px"><script src="{$InstallDir}js/dl.js"></script></div></div>{$Rss}{$Wap}</td>
<td align=right>{$ShowChannel}</td>
</tr>
</table>
</td>
</tr>
<!--网站Logo和banner显示代码-->

黑色为动易默认头部导航位置代码,蓝色为调用代码,绿色为调用上面你所保存的JS文件,红色相对于浏览器left左、top上的距离(在你改变模版或插入位置有变化时调整这两个数值。


2006-07-25 09:30
fairygdd
Rank: 1
等 级:新手上路
帖 子:17
专家分:0
注 册:2006-7-17
收藏
得分:0 

我感觉挺好的
<table width="79%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>这里写网页的内容</td>
</tr>
</table>
<script>
var online= new Array();
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer name="divStayTopLeft" id="divStayTopLeft">
<table width="90" height="278" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="179" align="center" valign="middle"><img src="images/yudong.jpg" width="100" height="300"></td>
</tr>
</table>

</layer>
<script type="text/javascript">
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX =1,
startY = 400;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>


<script>
var online1= new Array();
if (!document.layers)
document.write('<div id="divStayTopright" style="position:absolute">')
</script>
<layer name="divStayTopright" id="divStayTopright">
<table width="93" height="278" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="179" align="right"><img src="images/yudong.jpg" width="100" height="300"></td>
</tr>
</table>

</layer>

<script type="text/javascript">
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv1()
{
var startX1 =900,
startY1 = 400;
var ns1 = (navigator.appName.indexOf("Netscape") != -1);
var d1= document;
function ml1(id)
{
var el1=d1.getElementById?d1.getElementById(id):d.all?d1.all[id]:d1.layers[id];
if(d1.layers)el1.style=el1;
el1.sP=function(x,y){this.style.left=x;this.style.top=y;};
el1.x = startX1;
if (verticalpos=="fromtop")
el1.y = startY1;
else{
el1.y = ns1 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el1.y -= startY1;
}
return el1;
}
window.stayTopright=function()
{
if (verticalpos=="fromtop"){
var pY1 = ns1 ? pageYOffset : document.body.scrollTop;
ftlObj1.y += (pY1 + startY1 - ftlObj1.y)/8;
}
else{
var pY1 = ns1 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj1.y += (pY1 - startY1 - ftlObj1.y)/8;
}
ftlObj1.sP(ftlObj1.x, ftlObj1.y);
setTimeout("stayTopright()", 10);
}
ftlObj1 = ml1("divStayTopright");
stayTopright();
}
JSFX_FloatTopDiv1();
</script>

2006-07-25 15:42
jnzsk
Rank: 1
等 级:新手上路
威 望:1
帖 子:403
专家分:0
注 册:2004-11-13
收藏
得分:0 

嘿嘿,学习学习!交流一下代码!


2006-07-25 15:47
快速回复:[求助]怎样使两边的广告跟着走
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.037177 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved