当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > IFrames 简介

WEB设计综合
CSS+Javascript实现表格背景变色
网页中小三角的做法与使用(CSS特效)
为不同的浏览器载入不同CSS的二种方法
CSS滑动门教程
CSS hack浏览器兼容一览表
捷足先登学用CSS
英文字符自动换行方法
XSL中实现循环
XHTML第1天:选择什么样的DOCTYPE
XHTML第2天:什么是命名空间
XHTML第3天:定义语言编码
XHTML第4天:调用样式表
XHTML第5天:head区的其他设置
XHTML第6天:XHTML代码规范
Xhtml第7天:css入门知识
Xhtml第8天:CSS布局入门技术
Xhtml第9天:第一个css布局实例
Xhtml第10天:div自适应高度
Xhtml第11天:如何制作不用表格的菜单
Xhtml第12天:校验及常见错误

WEB设计综合 中的 IFrames 简介


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 2045 ::
收藏到网摘: n/a

iframe-overflow
                                 iframe 案例

IFrames are different from regular frames, because unlike regular frames, IFrames can be positioned anywhere on the page, and can be any size. Example: Now copy this code, and paste it somewhere on your page.

与传统的框架是不同,IFrame 可以任意尺寸在页面的任何一处定位。举个例子来说:你可以复制下面的代码,然后将它粘贴到网页的任意地方:

<div style="position: absolute; top:300; left:400"> <IFRAME src="PAGEURL.htm" name="frame" width="200" height="200" frameborder="0"></iframe></div>


Edit all of the numbers. The width and height determine how big your IFrame will be. The top and left numbers determine where the IFrame will be placed on your site. The larger the number for the top position is, the further down it will go. The larger the left number is, the further right it will go. Keep altering these numbers until you are happy with them. You also must change PAGEURL.htm to the url of your IFrame. To make a link target your IFrame (have the link come up in the IFrame) copy the code below, but change PAGEURL.htm to your preferred URL.

编辑上面代码中的属性值,widthheight定义了IFrame的大小。Top left定义了IFrame位于页面中的具体方位。Top值越大,它就位于页面中最越靠下面的地方;Left值越大,它就位于页面中最越靠右面的地方。你可以根据你的要求随意地更改这些数字,直到你满意为止。同时,你必须将PAGEURL.htm添加到IFrameURL中。将下面的代码复制到IFrame(这个IFrame已经包含具体的链接)中来创建一个目标链接,将这里的PAGEURL.htm改为你所设定的具体页面链接。

<a href="PAGEURL.htm" target="frame">

评论 (0) All

登陆 | 还没注册?