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

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

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,就检查一次滚动条的位置,并修改透明图的高度。

Swift编程规范:保持代码优美的10个方法 中国第二届CSS开发者大会视频&amp;PPT全部免费观看 如何基于Vert.x实现远程调用? Go 1.5如期发布,完全告别C代码 Rust一周集锦(三):关闭3个RFC并为1.4版本做准备 【CTO讲堂】多备份创始人陈元强:在线灾备革命背后的事 探索React:组件间通信过程解析 机智云完成2亿元B轮融资 将围绕信息安全与机器学习创建“机智云联合实验室” 【CTO讲堂】深度?广度?浅析技术人员的职业发展之路 详解React Flux架构工作方式 专访Tiny框架创始人悠然:好的软件设计是“品”出来的 开发移动应用的7大设计要点 历时一年半 现代Web框架Phoenix 1.0正式发布 【七问七答】对话Erlang核心成员Eric Merritt 分布式文档数据库MongoDB开发版本3.1.7发布 年末巨献!SDCC 2015中国软件开发者嘉年华全面开启 Qualcomm中国2015高峰论坛:新品牌与5G技术展望 福利!MDCC 2015 免费展位等你来申请! 《近匠》Gamegou:多些坚持,瞄准海外的小团队也有春天 细说JavaScript异步函数发展历程 YoMail创始人Albert Yang:我与Email交织的程序人生 TIOBE 2015年9月编程语言排行榜:时髦语言Rust进前50 50张999元限量特惠票!SDCC2015软件开发嘉年华 首批讲师名单公布 百度安全:XcodeGhost大爆发可能只是冰山一角 北京市计算中心云计算转型:缘定OpenStack MDCC 2015移动开发者大会 八大技术专场首批议题剧透 Apple TV指南:从零开始用Swift开发个tvOS应用 React Native、开源:MDCC平台与技术Android专场全揭秘! 相约MDCC 2015 首批免费展位破茧而出 MDCC 2015召开在即,平台与技术iOS专场大咖来了! 一个iOS开发者对tvOS SDK的初探 有没有人喜欢郑智化 大家推荐好听的几首歌吧! 请教:怎么学c++? 高手点拨! 各位网络高手.如何在程序里讲ip地址转化为域名 有什么方法,可使表单内的组件背景变成透明的而文字不透明,请看例子: 编辑控件怎样才能显示那些怪字符???? swall(壹心) 你还在深圳特区吗? 如何设置Session的密码?请高手指点迷经^^^^^ 哪位可以解释一下下面的代码? perl 的人气太差。罢了罢了。找本perl自己搞定 MsSQL7.0 当日志文件大小未限制而变得很大时,怎样清日志文件,使其减小? 请教诸位牛兄牛姐牛夫人---有难度哦(着急出活!) 基本问题:如何将一个.txt中的内容读入到内存再从内存中读出并存为另一个文件?谢了先!!!! 高手帮帮忙!!!!!!!!!!!!!! 又有台风了。。。。 在zip包中加入ASP推荐的PAD File有用吗????? PB连接SQL数数库,为什么显示的表会不全 如何把一个文件file.dat里的数据写入软盘0磁道0磁头1扇区. 我要骂人! chris2001(牛虻),不是东西 华为工程师 谁知道 vb 的序列号?????? VS.NET 有开了个新铺子。为什么我的ejb/j2ee还没有开张。气愤。 老大们:我是菜鸟,有问题要问,不过不要笑我。一定给分的 再次发问:关于在SQL SERVER中的某张表上建立触发器...... 没有有这样的病毒,或者文件 各位老大,如果有asp、sql基础学jsp和php是不是比较容易一些呀?言者有分哦! dll中怎样调用主程序中的函数? 新手请教接口聚合!!!!!!!!! 高分求教!有没有谁编写过WEB服务器程序? 微软OfficeXp女孩 请教一个报表问题? 小技巧!!! delphi中调用MessageBox出错,高手指点一下。 大家好,这是我提的第一个问题!我学DELPHI才两周!对您的指点,小弟万分感激! 请问sybase12。0中,游标能不能用动态sql申请 紧急求助:如何调用父对话框的函数 各位好,我在VB下做了一个ACTIVE 控件,但是加不到CBUILDER 上,但能加到VB里,为什么? 婚介所 关于C++打开文件的问题? 请教一下关于多表查询的问题 求助:中文Delhpi帮助 为什么我的rose装好后没有html帮助?还有安装时应该选择client还是administrator? cathy0505;chenkane;zhangshicun;swall;(_2_);riluo;wt13;MonkeyLin;seedundersnow;qancy_chen;cathy0505;acute 一个很简单的问题,怎样把一个php字符串变量转为实型变量 用过2K/NT DDK的大侠:如何在2000的内核里编程向硬盘里写文件,如:写c:\a.txt到C上,给我一段代码? 我急需一个“医院生殖中心病历管理软件”,sbf2000@363.net 怎样在vb中用insert ,updata语句进行数据库操作?????????? ra和rm 及ram格式有何区别呢 用2K/NT DDK的大侠:如何在2000的内核里编程向硬盘里写文件,如:写c:\a.txt到C上,给我一段代码? 高手们帮我看看http://www.csdn.net/expert/topic/208/208183.shtm的帖子,谢了 管道压力表、真空压力表一般与何种阀门连接?现在有两种阀门Z43F-16C Q41F-16C 压力表一般和哪种阀门连接啊. 0.1mol的铜与足量的浓硫酸反应生成SO2的体积约为22.4 L 氢气为什么在测定1mol气体体积被选为被测气体 φ76的管道,压力0.5Mpa每分钟流多少方水 常温常压下 1mol二氧化硫的体积小于22.4l这句话正确,为什么 用化学反应气体体积测定仪测定1mol氢气的体积,实验数据记录如下:镁带质量为0.120g,注入10ml稀硫酸,液体量瓶的读数为130.0ml.则(1)该温度下,1mol氢气的体积测定值为___ 管道φ219,压力0.4-0.5MPa流量150m3/h需提高压力1.0mpa用多大管道增压泵 在20度温度下,压强为101kpa时1mol的氧气和1mol的二氧化碳为什么所含的分子数相等?不是2和3吗? 用化学反应气体体积测定仪测定1mol H2体积时,向气体发生器加料口注射稀硫酸后,拔出注射器时针头脱落而仍然扎在橡皮塞上,使结果偏大还是偏小?为什么? 给水管道试验压力是如何确定说明其合格标准 1mol氢气和0.5mol氧气在相同状况下混合,求混合气体中氢气的体积分数,物质的量分数和质量分数 测定1mol气体的体积误差分析请给我这个实验所有可能的误差分析,怎样怎样做使结果偏小、怎样怎样做使结果偏大,用这种形式给我写出来.认真回答, 请问进气管道压力5MPa 管子直径10毫米,忽略阻力,求1小时流量是多少?出口0.1MPa,空气,管道长度1米 同温同压下,分别为1mol的氢气和氧气,它们的〔 〕(A)质量相同,体积不同 (B)分子个数相同,质量不同 (C)体积相同,分子数不同 (D)体积相同,分子数也相同 为什么不是D? 求温度为27摄氏度时,一摩尔氧气具有多少内能?R=8.31J.MOL-1.K-1,注-1是次方 差压变送器测流量用的温压补偿公式设计温度和设计压力是怎么来的?有没有通用数值的?我们厂的煤气管道就是露天的,夏天最高有45度,冬天最低-5度吧.另外是不是说不同的管道这2个参数不同 下列物质中所含微粒物质的量最多的是A 3.01×10∧23个镁原子 B 1mol氮气 C 4克氢气 D 36克氧气 一瓶氧气由于被阳光照射,温度由27℃升高到54℃,则瓶内氧气压强增大为原来的几倍? 孔板流量计为什么要加压力补偿和温度补偿 标准状态下,1mol的水体积是多少?存在22.4升的水蒸气吗?化学里面的确是说标准状况下没水蒸气没错,但是物理题目里动不动就来个“标准状况下1mol的水蒸气体积是22.4升,请问此时水分子间的 在2L的的密闭容器中加入1mol氮气(N2),和3mol氢气(H2),发生N2+3H2=2NH3.在2s末时,测得容器中含有0.4mol的NH3,求该反应的化学反应速率,希望能有详解, 孔板流量计上的NM3是什么单位 1mol水的体积和1mol冰的体积哪个大 密闭容器中充入1mol氮气.3mol氢气,当反应达平衡后充入氮气保持压强不变,平横将怎样移动?为什么? 谁讲一下跟孔板流量计相关的知识, 1. 1mol的二氧化碳和1mol的水在相同状态下体积一定相等吗? 1mol的二氧化碳和1mol的水在相同状态下体积一定相等吗?不同的气体,若体积不等,则它们所含的分子数一定不等吗? 三摩尔氢气和一摩尔氮气放入密闭容器中在催化剂存在下反正,理论上放出热量多少氢气分子键能:436kJ/mol氮气:945kJ/mol氨气:391kJ/mol. 请问孔板流量计的测量原理? 1mol的氧气、1mol的水和1mol的铁哪个体积大 密闭容器中有一摩尔氮气和三摩尔氢气发生反应,达到平衡时,冲入氮气保持压强不变,则平衡怎么移动? 孔板流量计安装条件孔板流量计(流量计油表)安装管道在安装的时候有没有什么条件 0.1mol氢气和0.1mol水所含的分子数相同,在标准状况占体积都约是2.24L ;0.1mol任何气体标况下V都是2.24L这两句话 哪句错了啊? 请说下理由 谢谢! 为什么1mol氮气和3mol氢气 反应与 2mol氨气反应 等效? 在标准状况下1mol任何气体的体积都是22.4L那么在标准状况下11.2L氢气中的分子数是多少个 葡萄糖发生加成反应? 写出氨气在一定条件下生成1mol氮气和3mol氢气的热化学方程式 在标准状况下,1mol任何气体的体积都是22.4L.那么,在标准状况下,11.2L氢气中的分子数是几个 酯和氢气能否发生加成反应,条件是什么 恒温下,1mol氮气和3mol氢气在体积2L的容器中混合,2秒后氨气的体积分数为百分之25,我是这么理解的 因为容器体积为1升 所以氨气的体积为0.5升 为什么不对呢和把平衡时所有气体体积的加和 那 在标准状况下1moL水的体积是22. 葡萄糖与氢气反应的化学方程式 在一定温度下,有1mol氮气和3mol氢气发生下列反应 标准状况下1mol的混合气体的体积怎么是22.4L.分子间有较大的间隔.像酒精和水一样混合了不是会体积减少么 1mol苯可以与多少摩尔氢气发生加成反应?还有,氧化铝和氧化铁是不是两性化合物? 1体积某烃蒸汽完全燃烧生成的二氧化碳比水少一体积(体积均在相同条件下测定),0.1mol该烃完全燃烧其...1体积某烃蒸汽完全燃烧生成的二氧化碳比水少一体积(体积均在相同条件下测定), 是不是当1mol气体的体积为22.4L时,它就一定处在标况下麽?1mol水蒸气在标况下的体积是22. 1mol萘最多与几mol氢气发生加成反应 关于测量CO2体积今天看了一个题目,是用Na(OH)和大理石反映生成CO2.通入一边的烧杯里.烧杯的下面是水,上面有一层油.我想知道这样是怎么测出CO2体积的.(烧杯的水中还有一根管,通入另一边的 标准状况下,1mol任何气体所占的体积为22.4L 在标况下,1mol任何体积所占的体积约为22.4L多了一个约,为什么不同的题目上都对 1mol有机物能与1mol氢气发生加成反应,产物是,此有机物的结构简式可能有? 1mol气体摩尔体积为22.4L,那么一定处于标准情况下,哪里错了, 标况下,1mol三氧化硫的体积为22.4L 1mol苯乙烯与氢气完全发生加成反应需要几mol氢气啊苯环只有5个H啊,为什么还需要3mol, 气体摩尔体积是指1mol任何气体所占的体积为22.4l吗?这句话是对的嘛? 1MOL SO2在20度 体积大于22.4L为什么是错的? 1mol维生素A分子最多可跟几mol氢气发生加成反应 对于1mol二氧化碳描述正确的是()a其密度是1.96g·L-1 b其摩尔质量为44g对于1mol二氧化碳描述正确的是()a其密度是1.96g·L-1 b其摩尔质量为44g c它的体积约为22.4L d所含原子个数是阿伏加德 请问有没有关于化工设备(比如精馏塔,反应釜,管道等)的国家标准可查? 这种说法对吗?1mol三氧化硫和1mol二氧化硫体积均为22.4L如题 下列测定常温下1mol氢气体积的操作中,使测定结果偏大的是()?A.装置接口处有气体漏出B.称好镁带后用砂皮擦去表面的氧化膜C.硫酸注入量不足10mL,使镁带有剩余D.计算液体体积时,液体量瓶
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn