注册 登录
编程论坛 WEB前端(UI)

关于图片定位的问题

iamstar 发布于 2007-09-12 17:11, 1320 次点击

有的网站两边都有图片,图片无论滚动条上下移动都能保持在屏幕的中间位置,这是用什么方法作的呢?请告知一下,最好有代码和说明。谢谢!

8 回复
#2
huangyong2007-09-12 18:52
LZ能不能给个例子,这样没有说清楚具体是什么问题,如何解决?
#3
iamstar2007-09-13 15:22
http://cncspace.newhua.com/ , 这是华军软件园的主页, 看见两边的网络电视的广告了吗?无论ie的滚动条上下移到什么地方,那个广告老是出现在屏幕的中部偏上一点,这是怎么做的呢?希望指点一下,最好能给个代码!
#4
雨帆2007-09-13 16:06

这些是浮动广告效果,一般可以用js做的,你可以在百度用“浮动广告代码”去搜,从而找到你想要的广告代码,修改相关的地方,插入到你的网页中就行了,要是在试用中有不明白的地方,再把遇到的疑问放这里来交流!

#5
huangyong2007-09-13 20:29

把代码贴出来:
// JavaScript Document
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*/}

//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);
}
suspendcode12="<DIV id=\"lovexin12\" style='left:6px;POSITION:absolute;TOP:100px;'><img src='images/left.jpg' width='100' height='410' style='display:inline'/></div>"
suspendcode14="<DIV id=\"lovexin14\" style='right:6px;POSITION:absolute;TOP:100px;'><img src='images/right.jpg' width='100' height='410' style='display:inline'/></div>"
document.write(suspendcode12);
document.write(suspendcode14);
window.setInterval("heartBeat()",1);

只有本站会员才能查看附件,请 登录

#6
86start2007-09-13 23:18
呵呵,谢谢5楼的版主哦!收藏了
#7
iamstar2007-09-14 19:25

谢谢了
#8
huangyong2007-09-15 13:08
呵呵,有好东西多多分享啊
#9
xuwenxing2007-10-10 11:04
1