当前位置:首页 > 软件开发学习 > Html5,CSS3 > 正文内容

使用iframe调节内部网页的位置

admin6年前 (2015-02-13)Html5,CSS31120

  目前尚未找到按坐标来控制的办法,只有采用按顶、左、右边跑的方法来控制,因此要制作一个文件来完全调用目标网页内容,然后再在需要调用指定内容的地方使用iframe代码调用。

  首先建立一个完全调用目标网页的文件,命名为files.html,代码如下:

  <html>

  <head>

  <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>

  <title>AUDCNY</title>

  </head>

  <body> <iframe src=”目标网址” width=”980″ height=”700″ frameborder=”0″ scrolling=”no” style=”position: absolute; top: -120px; left: -680px;”></iframe>

  </body>

  </html>

  这个页面用iframe框架引用了目标页面,并且用CSS定位设定了框架浮动位置(top: -120px; left: -680px)。当然也可以按右边距控制,如right:680px,距离大小可以根据情况调整,直到调整到合适的位置。

  然后在需要调用目标内容的文件中合适的位置放入以下代码:

  <iframe src=”这里填写上面保存的html文档的地址” width=”300″ height=”230″ frameborder=”0″ scrolling=”no”></iframe>

  高宽可以根据情况调整,为了使调用的内容正常、正确显示的我们设定的位置,大家可以修改files.html里的边距控制量以达到最佳效果。

  下面讲一个实例 比如我要应用网页 http://www.google.com/finance?hl=zh-CN&q=CURRENCY:AUDCNY 中的图标部分, 并将它发表在论坛的帖子里

  首先编写代码:

  <html>

  <head>

  <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>

  <title>AUDCNY</title>

  </head>

  <body> <iframe src=”http://www.google.com/finance?chdnp=1&chdd=1&chds=1&chdv=1&chvs=Linear&chdeh=0&chfdeh=0&chdet=1278231983655&chddm=27620&q=CURRENCY:AUDCNY&ntsp=0&gl=cn” width=”980″ height=”805″ frameborder=”0″ scrolling=”no” style=”position: absolute; top: -120px; left: -165px;”></iframe>

  </body>

  </html>

  保存到服务器上

  让后再帖子中写入如下代码:

  <iframe src=”目标文件网址” width=”815″ height=”670″ frameborder=”0″ scrolling=”no”></iframe>

扫描二维码推送至手机访问。

版权声明:本文由学无止境-开拓创新-ipvb学习网发布,如需转载请注明出处。

分享给朋友:

相关文章

解决html页面抖动的代码

由高度或宽度自动不当,导致页面抖动的问题,其实究其根本原因是滚动条是否显示导致的,具体解决方法如下,有类似情况的朋友可以参考下,希望对大家有所帮助 在CSS中添加如下代码:代码如下:html...

使用html设置url重定向

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type&...

使用CSS如何使html中的DIV层水平居中

CSS 如何使DIV层水平居中今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实...

CSS学习 overflow 属性

可能的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如...

CSS的position 属性

可能的值值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "...

Z-BLOG的样式样例,大家可修改边框等尺寸

html, body, h1, h2, h3, h4, h5, h6, hr, p, blockqu...