使用iframe调节内部网页的位置
目前尚未找到按坐标来控制的办法,只有采用按顶、左、右边跑的方法来控制,因此要制作一个文件来完全调用目标网页内容,然后再在需要调用指定内容的地方使用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学习网发布,如需转载请注明出处。