账号通
    

账号  

密码  

2198

查看

0

回复
主题:玩转iframe [收藏主题]  
otbbs 当前离线

1605

主题

12

广播

2

粉丝
添加关注
级别:高一年

用户积分:8980 分
登录次数:1225 次
注册时间:2006/8/7
最后登录:2023/11/29
otbbs 发表于:2008/7/16 10:11:00   | 显示全部帖子 查看该作者主题 楼主 
做在线知识付费 选科汛云开店

本文引自http://hi.baidu.com/%C0%B6%C9%B4

在做网页的过程中,我们会遇到不同的问题,同时也会借鉴其他的网站资源,比如说天气预报,车票查询等等,你的网站没有这些资源,又想要这些功能怎么办呢?那么我们就必须用到iframe了,嵌入别人的网页,在嵌入别人的网页的时候我们遇到很多问题,下面我用个例子来说明一下,教大家用iframe来控制你所嵌入的网页吧~~~

看下图:

这是126信箱中的一个便民服务功能。我们在自己的网站上如何借用他的功能呢?这我们就要用到iframe了。

下面我们写一个代码把它嵌入到我们的网站去,常见的代码如下:
<iframe scrolling="no" src="http://mimg.126.com/assist/train/index.htm" width="550" height="400" frameborder="0"></iframe>
当我们用这个代码嵌入到网站的时候我们会发现:

这里都能直接回到126的网站上去,我们想把这些多余的东西去掉,那么这我们就要用代码来控制它了。

完整代码如下:

<div id="Layer1" style="position:absolute; left:0px; top:-40px; bottom:-60px ; width:500px; height:400px; z-index:1">
<iframe scrolling="no" src="http://mimg.126.com/assist/train/index.htm" width="550" height="400" frameborder="0"></iframe>

加入以上代码后我们会发现所嵌入的网页就比较好了,看下图:

这只是我举的一个小小的例子,那么我们可以举一反三的用在其他的嵌入例子去!!

 

 

同时发现一个经典之处,大家可以用公告标签调用这些小功能。很好用,哈哈!!

 

申请加精!!!

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.07813秒 powered by KesionCMS 9.0