说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

让网页中的图片随屏幕滚动,并避免与文字重叠

HTML文档下载 WORD文档下载 PDF文档下载
有时,想让一张图片随着屏幕滚动,有几种办法,一种是使用绝对定位的层来解决这个问题。但这样容易导致图片与下面的文字发生重叠。特别是在不同的分辨率下,有的分辨率OK,而有的会发生重叠。我也见过不少的网站,都有这种毛病。本人的谷歌广告曾经采用过这种技术,结果被警告,说广告不允许与文章内容重叠。有什么更好的办法吗?

有时,想让一张图片随着屏幕滚动,有几种办法,一种是使用绝对定位的层来解决这个问题。
但这样容易导致图片与下面的文字发生重叠。特别是在不同的分辨率下,有的分辨率OK,而有的会发生重叠。

我也见过不少的网站,都有这种毛病。

本人的谷歌广告曾经采用过这种技术,结果被警告,说广告不允许与文章内容重叠。

有什么更好的办法吗?

我的新办法是采用相对定位法,但是在图片上面,放一张透明的GIF图片,通过根据滚动条的位置,随时调整透明GIF图的高度,达到设置所展示图片位置的目的。

上代码

<td width=170 valign=top cellspacing=5>
<img id="img_t" src="img/t.gif" height=1 width=4>
<img src="img/mypic.jpg">
</td>

其中t.gif是一张透明的gif图。mypic是我要浮动显示的图片。

<script type="text/javascript">
function scrollImg()
{
    var img_t
=document.getElementById("img_t");

    var posX,posY;
    
if (window.innerHeight) {
        posX 
= window.pageXOffset;
        posY 
= window.pageYOffset;
    }

    
else if (document.documentElement && document.documentElement.scrollTop) {
        posX 
= document.documentElement.scrollLeft;
        posY 
= document.documentElement.scrollTop;
    }

    
else if (document.body) {
        posX 
= document.body.scrollLeft;
        posY 
= document.body.scrollTop;
    }

    
    
if( posY>document.body.clientHeight-660 )
        posY 
= document.body.clientHeight-660;
    
    
if( posY<60 )
    
{
        posY 
= 1;
        img_t.style.display 
="none";
    }

    
else
        img_t.style.display 
="block";
     
    img_t.height
=posY;
    
}

setInterval(
"scrollImg()",120);
</script>


这个代码的意思是,每120ms,就检查一次滚动条的位置,并修改透明图的高度。

Java,传奇的一生! 约吗?Java二十周年特别策划——寻找Java大牛! 走近英特尔软件技术王牌之师:系统技术和优化部门 新兴技术袭来,Web开发如何抉择? 新创社交平台Tsu 5周註冊用户破百万秘訣 Google Play:助力中国开发者的海外梦想 JPHP——一款基于JVM的新PHP编译器 舌尖上的CTO——小杨生煎的持续交付 《近匠》滴答清单,跨平台云同步的任务管理工具 DJI与优酷土豆战略合作:提升UGC价值,先内容再营销 Android性能优化典范(二) 从三大运营商联手 看电视游戏背后的现状 【工具推荐】Vert.x——非阻塞、高并发的编程开发框架 Google搜索在确定结果排名时会将网站的移动设备适用性作为考量因素 W3C首次发布SVG标记、SVG轮廓标准工作草案 第七届中国云计算大会 | 首批主会演讲嘉宾和议题公布(表) 安沃传媒创始人王旭东:开发者从移动广告获利的黄金时代已经来临 【舌尖上的CTO】砂锅馄饨的交付件 微软新Visual Studio Code开发工具支持Mac和Linux 科技新创公司想做大?从CNN记者跳槽Snapchat谈起 Java二十年特别奉献:晒博文、赢大奖! 《近匠》华为创新总监蔡绪鹏:智能手表的三大感知与未解难题 从Samurai-Native框架开发谈React Native Qualcomm公司李申:Vuforia打破AR设备界线 物与物的互通:解析Thread、AllJoyn、OIC、Bonjour的特点 《天龙八部3D》中Unity使用介绍 微软推出ManifoldJS,Web App自动转成各平台本地App 专访庄晓丹:Java程序员眼中的Clojure 全面解析ECMAScript 6模块系统 七牛技术总监陈超:记Spark Summit China 2015 Project Tungsten:让Spark将硬件性能压榨到极限 文件改名用哪个函数啊? 为什么我的windows2000pro共享文件不能访问????? 在VB.Net中的TabControl有一个OwnerDraw的功能,但不知到如何才能将上面的Item画成有曲线的 一个程序员的路是怎样开始的?我该选择VB还是C语言? 那里有动态加载控件的文章??? 哪位高手告知学习C++/VC++的步骤和各阶段应看的书。 湖北的有查到分数的没有,怎么查,我天天晚上做恶梦,救救我! 能否请高手指教关于开在开机时屏蔽热键的问题(del+alt+ctrl)?高分送上! 请教语音卡高手:并线录音和串线录音有何不同?电压驱动和话音驱动有什么不同? 一个时钟周期是多长时间? 请问各位谁做过(正在做)用MODEM来录电话语音的?进来打个招呼,探讨探讨。 有人用过CIPAddressCtrl这个控件吗?怎么用?为什么MSDN上说它有一个GetAddress的方法,但我在使用中却找不到这个方法? 请问广东省的高程成绩在哪儿查询,怎样才可以查询到呀???? 运行时的这个异常提示,什么意思?如何解决 关于数据库的一个问题 tmd.江西的软考办的人吃虱去了。 各位大哥:如果在使用的时候,字体变大,是什么原因?有什么办法跟踪吗? 救命啊。。。。。。。高手该出手拉。。 可不可以在一个树控件中的一个节点下面再加另外一个结控件?怎么搞? a question about form evaluation about form evaluation 她现在就睡在我的身边,她长的很丑,大脑袋,小眼睛、身子特长腿特短,简直是一无是处,还让我守护着她睡觉,TMD我比死了还难受,好痛苦啊。。。。。。 在excel2000中,如何在单元格中画对角线(就是常见的表头)? 如何使win98登录WIN2K server中? 各位大哥,请问怎样汉化C++Builder中的英文提示框(祥见内容部分)?谢谢! 请问怎么在sqlserver的用户子定义中是用循环啊! 真奇怪,我只是想通过accept得到的sockaddr_in来得到的IP再用gethostbyaddr得到主机名,但是死循环,请我看看错在哪里?我给分的 quickrep建立的报表,一对多表如何设置,为什么我设置报表的dataset属性为从表时,预览出现主表数据无法显示出现unkown错误,而从表可以。 怎样让“星际”通过代理服务器上网? oracle优化 用ADO控件操作数据库,对于关键字重复错误如何捕获? 深圳的朋友,有没有人知道深大通信(深大电话)? 急!!!!!!!!怎样将excel导入数据库(access),重要的是要能在修改后返回excel?而且excel表中的几张表的表头格式不一样? 考考你的UNIX/C 请问server.htmlencode()有什么用处?? 喜欢听白桦林吗? 不好意思,问个问题! 请问如何在下拉框中添加图片?有重谢! 50元找一控件.(在Delphi中怎样把JPG文件插入到SQL Server数据库的Image字段中) 偶想做pb的登录界面,就是填入正确的密码账号方可使用软件,偶把主创体设为mdi frame,登录子窗体为response,但是运行后,不登录子窗体,主窗体也能使用(菜单有响应),怎么版?另外,子窗体右上方的 x 键怎么去掉?//牛虻 在一个页面里调用两个存储过程,并对其中一个存储过程的记录来控制分页显示,请问如何实现 请问在VIEW,APP类和FRAME类中都能接收相同菜单的消息,如newfile?谢了大侠们 linux菜鸟询问小问题,希望回答! DataGrid中的值编写入网页 送分题,快来、快来啊!(如何用CreateFont显示WINDOWS默认字体) 我要用delphi将 sql server 的 .mdf 和 .ldf 加载到数据库中怎么做?? 如何学习dll的编程,up者有分! 请数据库高手指点,错在何处 当ListBox控件中的每一项很长时,如何看到最右边的内容,能否让ListBox水平滚动 多层数据库问题。请高手帮忙,来者送分。 如何让INT类型变成4个字节的字符串 如何自制冰淇淋 12v电瓶充电器有电压没电流和电池一起量也没电流,串联的万用表 铂电阻温度传感器原理是什么 如何自制哑铃 自制汽车12V电瓶的充电器,变压器的输出电压该是多少?注:电瓶是12V60Ah的 四个蓄电池(12伏)串联 总电压是不是电压和?总电流是不是最小电池的电流?剩余容量跟剩余时间是啥关系?电池的放电曲线 26.理想电压源与理想电流源并联,对外部电路而言,它等效于什么是等效于理想电流源还是理想电压源 什么昆虫有毒 伏打电池电流有多大具体有几个问题:亚历桑德罗·沃尔特发明伏打电堆的电压电流有多大?现在的5号电池之类的干电池,是不是算伏打电池,有什么区别.多大直流电流会对人体有伤害,伤害程 已知如下图所示,I1=2A,R1=8欧,R2=R3=R4=6欧,求电路中各支路电流和理想电流源的电压U1 英语翻译光电传感器 英文怎么说? 2000年以后世界上发生的战争,尤其是最近几年的战争有哪些,给人类造成的危害有哪些 为什么地球上只有人类文明这一种文明?地球上在出现了生物之后,经过漫长的变异和发展,逐渐形成了各种各样的生物.从理论上讲,任何一种生物都应该可以发展出它们自己的文明,因为,人类不 人类认识地球经历了哪几个阶段 我有一个12伏的蓄电池和一个6伏的音箱,怎样才能把12伏的电压转换成6伏 地球的熵值是在增加吗?人类文明能坚持1亿年吗话不用说那么多,我就是想和各位探讨一下.尽量发表自己的看法.还有我想问的是“地球”的熵值是在增加么? 人类对地球形状的认识过程 "如果是传感器使用过久 找到零位电阻 加个电阻就可以" 什么是零位电阻吗?怎么加 地球为什么只有人类文明一种现代文明?难道几亿年都不曾有过其他文明吗? 人类认识地球形状的历史过程是什么? 电阻应变式传感器属于哪种传感器 英语翻译:不要关闭起安全作用的开关和传感器. 生物柴油与乙醇是一码事吗? 电阻应变式传感器在电子秤上的工作过程要电阻应变片式传感器的作用怎么工作的 不要是什么原理概念 怎样可以令生物柴油不容易燃烧 “智能传感器系统设计”这句话的英文翻译 人类认识地球的四个过程 生物柴油在空气中燃烧的两种产物是 英语翻译The radial resolution of multiple echoes ( Rres ) means theresolution of detection distance by calculating minimuminterval time of between the 1st echo and the 2nd echo ( Tres ).radial resolution 我想投资生物燃料,像生物乙醇,不知道前景和风险怎么样? 生物柴油完全燃烧的两种主要产物拜托了各位 生物柴油比传统石油比有什么特点? 60A的汽车蓄电池需要多大电流的充电机? 被蚂蜂蜇了怎么办? 在野外作战时如果被有毒的昆虫蜇伤应用药物消毒,请问蒜汁对下面哪一种昆虫咬伤有疗效: 电瓶车电瓶一般都有多大的呀 按电流大小来分 谢谢 一个覆灭的文明和物种 地球人类.人类至今以经灭亡一万三千年了我们来到地球,为一个智慧文明的覆灭而深感遗憾,在整个人类文明的后期历史中 英语翻译Nowadays,the Sensor Webs represent a very effective solution to global earth observation [1]–[5].The term “SensorWeb”refers to a network of heterogeneous and spatially distributed sensors whose data can be real-time accessed through 汽车的启动电流是多大 人类会是地球上从诞生到消失时间最短的物种吗?人类的文明才不过千年,为什么反映出的各类毁灭危机几乎全在与人类创造出的必然结果.人是不是不如猪啊? 当人类灭亡后,地球会变成什么样? 这是什么虫? 人类会是地球最完美的物种吗?未来的几百年人类数量还会增多N倍.地球物种总数未来100年减少1倍.大多是人为因素.我想知道人类未来是毁灭于自然天灾.还是自己呢? 汽车传感器英文怎么翻译? 这什么虫?有毒么. 霍尔效应传感器输出数字电压信号,当金属片进入磁隙中时,其输出的电压信号从____V变为___V;而当金属片离开磁隙时,输出电压信号从___V变为____V.难道这问题没有人知道? 地球灭亡后我们人类该怎么办? 这种是什么虫?有没有毒? 电位计当角传感器怎么用啊,大概多大的电阻,得到的是电压信号嘛? “传感器在机器人领域的应用”的英文是什么? 什么虫, 求汽车各传感器标准电压电阻1请问大家汽车的空气流量传感器和进气压力传感器,节气门位置传感器,曲轴位置传感器,凸轮轴位置传感器,用万能表测量它们的电压值和电阻值的正常范围是多 假如人类灭亡,地球会成为什么样? 这什么虫有毒么? 水温传感器的两根线和电脑是怎样连接的为什么阻值越小给电脑的信号电压就越小呢电阻和电压不是成反比的吗 12v蓄电池充电器的充电电压多少最佳 有谁知道:应变式电阻称重传感器的工作原理是什么? 将传感器输出地电阻值转化为电压值用什么啊 自制12V汽车电瓶充电器我有一个12V变压器容量100VA 频率50/60HZ 我想为我的汽车电瓶充电用 我的电瓶是12V 256A 54Ah(20h) 请问下我还需要什么元件和具体的连接步骤 请详细说明下 小弟在这先感谢 电阻应变式传感器测量加速度的原理
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn