首页
|
路由技术
|
交换技术
|
接入技术
|
综 合布线
|
网络管理
|
网络安全
|
操作系统
|
实用技巧
|
业界动态
最 新咨询
|
网络编程
|
软件编程
|
脚本技术
|
网页制作
|
网站技巧
|
数据库
|
精品收藏
|
免费资源
|
在线书店
经验交流
基础教程
VML相关
页面导航：
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
用iframe margin实现调用其他网页的某一区域的方法
发布：xyz来源：转载于互联网 发布日期：
2007-12-4 18:13:12
字体：[
增加
减小
] 类型：转载
逛网中发现，用iframe的margin函数实现调用一网页的部分区域，太有才了，以后就方便了
点击运行可以看到效果:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页-天空618-IT技术</title> <style type="text/css"> body{ } </style> </head> <body> <style type="text/css"> .t14pt1024 {color:#000000; font-size:14px; line-height:26px;} a.t14pt1024:link {color:#000000; text-decoration:none;} a.t14pt1024:visited {color:#000000; text-decoration:none;} a.t14pt1024:hover {color:#ff0000; text-decoration:none;} </style> <table width="938" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="220" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"></td> <td><a href="/index.htm" target="_blank"><img src="/skin/default/j_logo.gif" width="144" height="52" hspace="3" vspace="2" border="0"></a></td> </tr> </table></td> <TD align=right vAlign=bottom bgcolor="#F0F8FF"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td height="24"><A class=t14pt1024 href="http://www.sky618.com" target=_blank>首页 </A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/lyjs/Index.html" target=_blank>路由技术</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/col/3723/3723.html" target=_blank>交换技术</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/col/3735/3735.html" target=_blank>接入技术</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/col/3775/3775.html" target=_blank>综 合布线</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/col/3729/3729.html" target=_blank>网络管理</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/wlaq/Index.html" target=_blank>网络安全</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/html/list/index_86.htm" target=_blank>操作系统</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/syjq/Index.html" target=_blank>实用技巧</A> <SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/col/289/289.html" target=_blank>业界动态</A></td> </tr> <tr> <td height="24"> <A class=t14pt1024 href="/newsys/zxzx/index.html" target=_blank>最 新咨询</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/wlbc/index.html" target=_blank>网络编程</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/rjbc/index.html" target=_blank>软件编程</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/jbjs/index.html" target=_blank>脚本技术</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/wyzz/index.html" target=_blank>网页制作</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/wzjq/index.html" target=_blank>网站技巧</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/sjk/index.html" target=_blank>数据库</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/jpsc/index.html" target=_blank>精品收藏</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/newsys/mfzy/index.html" target=_blank>免费资源</A><SPAN class=t14pt1024> | </SPAN><A class=t14pt1024 href="/online/index.htm" target=_blank>在线书店</A></td> </tr> </table></TD> </tr> </table> <table width="938" border="1" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse"> <tr> <td width="65%" height="33"> <iframe id="baiduframe" marginwidth="0" marginheight="0" scrolling="no" framespacing="0" vspace="0" hspace="0" frameborder="0" width="960" height="40" src="http://unstat.baidu.com/bdun.bsc? tn=so700_pg&cv=0&cid=1087732&csid=301&bgcr=ffffff&ftcr=000000&urlcr=0000ff&tbsz=260&srop ls=1,2,3,4,5,6"> </iframe> </td> </tr> </table> <table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td ><!--AdForward Begin:--> <script language="javascript" src="/adfile/indexmid.js"></script> <!--AdForward End--></td> </tr> </table> <script type="text/javascript" language="javascript"><!-- var sid="540"; var fixid=3; //--></script> <script type="text/javascript" src="http://js.coogao.cn/jscode/magicboxad.js"></script> <div style="width:246px;height:280px;overflow:hidden;border:1px solid #000000;"> <div style="width:500px;height:800px;margin:-453px 0px 0px -10px;"><iFrame src="../../../../www.sky618.com.com/index.htm" width="100%" height="100%"></iFrame></div> </div> </body> </html><INPUT onclick="runEx('runcode42712')" type="button" value="运行代码"/> <INPUT onclick="doCopy(runcode42712)" type="button" value="复制代码"/> <INPUT onclick="doSave(runcode42712)" type="button" value="保存代码"/>[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]</div><!--NEWSZW_HZH_END--> <div id="art_xg"> <h4>相 关 资 料</h4> <div id="con_ad2"></div> </div> <div id="numstyle"></div> </div> <div class=blank3></div> <div class="sm"><script type="text/javascript" src="../../../../jsad/inc/sm.js" ></script></div> <div class="con_ff"> 浏览次数：<span class="shownum" id="thehit">载入中...</span> <a href="javascript:doPrint();" class="button_link">打印本文</a><a href="javascript:window.opener=null;window.close();" class="button_link">关闭本文</a><a href="../../../index.htm" class=button_link>返回首页</a> </div> <div class="blank3"></div> <span id="con_tj_tp"><script type="text/javascript">showbanner(6,1);</script></span> <script type="text/javascript"> if ($("con_tj")){ $("con_tj").innerHTML=$("con_tj_tp").innerHTML; }else{ $("con_ad1").innerHTML=$("con_tj_tp").innerHTML; } $("con_tj_tp").innerHTML=""; </script> <span id="con_ad2_tp"><script type="text/javascript">showbanner(5,1);</script></span> <script type="text/javascript"> $("con_ad2").innerHTML=$("con_ad2_tp").innerHTML; $("con_ad2_tp").innerHTML=""; </script> <script type="text/javascript"> document.body.oncopy = function () { setTimeout( function () { var text = clipboardData.getData("text"); if (text) { text = text + "\r\n本文来自: 天空618(www.sky618.com) 详细出处参考："+location.href; clipboardData.setData("text", text); } }, 100 ) } </script> <div class=blank3></div> <div class="conad"><script src="../../../../jsad/adsense/1.js" ></script></div> <div class="blank3"></div> <div id="prenext"> <ul><li>上一篇文章：<a href="13010.htm" >CSS图片拼合生成器只需上传zip包即可</a></li><li>下一篇文章：<a href="13198.htm" >css强制换行 css强制不换行的css方法</a></li></ul> </div> <div class=blank3></div> </div> </div><!--end dxy_mainl--> <div class="dxy_main_r"> <div><script src="../../../../jsad/imgby/r_1.js" ></script></div> <div class=blank3></div> <DIV class="r_title"><H6>同 类 文 章</H6></div> <div class="rightContent"> <ul><li><a href="../../200611/78/4373.htm" title="让2个DIV居中并排显示">让2个DIV居中并排显示</a></li><li><a href="../../200703/78/8426.htm" title="巧妙的最大化动态载入IFrame的方法">巧妙的最大化动态载入IFrame的方法</a></li><li><a href="../../200706/78/10402.htm" title="应用WEB标准实例：列表页面的制作">应用WEB标准实例：列表页面的制作</a></li><li><a href="../../200611/78/4175.htm" title="div做细线表格,很强悍">div做细线表格,很强悍</a></li><li><a href="../../200709/78/11314.htm" title="学习样式表CSS参考-常用的CSS知识">学习样式表CSS参考-常用的CSS知识</a></li><li><a href="../../200711/78/12681.htm" title="用css滤镜实现的文字描边效果的代码">用css滤镜实现的文字描边效果的代码</a></li><li><a href="../../200611/78/4307.htm" title="如何处理多国语言">如何处理多国语言</a></li><li><a href="../../200702/78/6832.htm" title="不用float实现div模块居中布局">不用float实现div模块居中布局</a></li><li><a href="../../200703/78/8095.htm" title="CSS样式表常用小技巧收藏">CSS样式表常用小技巧收藏</a></li><li><a href="../../200708/78/11112.htm" title="scrollWidth,clientWidth与offsetWidth的区别">scrollWidth,clientWidth与offsetWidth的</a></li></ul> </div> <div class=blank3></div> <div><script src="../../../../jsad/imgby/r_2.js" ></script></div> <div class=blank3></div> <DIV class="r_title"><H6>最 近 更 新</H6></div> <div class="rightContent"> <ul><li><a href="../../200702/78/6717.htm" title="IE 5.x/Win 和模型bug">IE 5.x/Win 和模型bug</a></li><li><a href="../../200612/78/5180.htm" title="标准布局应用：显示/隐藏侧边栏 [附详细注解]">标准布局应用：显示/隐藏侧边栏 [附详细注</a></li><li><a href="../../200703/78/8256.htm" title="让人不得不佩服的CSS效果">让人不得不佩服的CSS效果</a></li><li><a href="../../200611/78/4183.htm" title="DIV 居中的绝好解决方法">DIV 居中的绝好解决方法</a></li><li><a href="../../200612/78/5638.htm" title="兼容多浏览器实现半透明(Opera ie firefox)">兼容多浏览器实现半透明(Opera ie firefo</a></li><li><a href="../../200702/78/7076.htm" title="学习标准——笔记">学习标准——笔记</a></li><li><a href="../../200709/78/11301.htm" title="DIV+CSS布局的网站对网站SEO的影响分析">DIV+CSS布局的网站对网站SEO的影响分析</a></li><li><a href="../../200705/78/9993.htm" title="关于margin-left的示例代码">关于margin-left的示例代码</a></li><li><a href="../../200709/78/11341.htm" title="超强推荐CSS打造经典鼠标触发显示选项">超强推荐CSS打造经典鼠标触发显示选项</a></li><li><a href="../../200611/78/4349.htm" title="滚动条效果">滚动条效果</a></li></ul> </div> <div class=blank3></div> <div><script src="../../../../jsad/imgby/r_3.js" ></script></div> <div class=blank3></div> <DIV class="r_title"><H6>热 点 排 行</H6></div> <div class="hotContent"> <ul class="topnum"><li class="top1"><a href="../../200701/78/5959.htm" title="用CSS实现下拉菜单的多种方法">用CSS实现下拉菜单的多种方法</a></li><li class="top2"><a href="../../200703/78/8839.htm" title="DIV+CSS布局教程大全与pdf电子书 下载">DIV+CSS布局教程大全与pdf电子书</a></li><li class="top3"><a href="../../200703/78/8417.htm" title="非常漂亮的Div+CSS布局入门教程">非常漂亮的Div+CSS布局入门教程</a></li><li class="top4"><a href="../../200701/78/6534.htm" title="在iframe中隐藏横向滚动条的方法大全">在iframe中隐藏横向滚动条的方法</a></li><li class="top5"><a href="../../200704/78/9292.htm" title="让iframe自适应高度（支持xhtml）IE firefox兼容">让iframe自适应高度（支持xhtml）</a></li><li class="top6"><a href="../../200703/78/8774.htm" title="用css来控制图片大小显示的实现方法与代码">用css来控制图片大小显示的实现方</a></li><li class="top7"><a href="../../200611/78/4175.htm" title="div做细线表格,很强悍">div做细线表格,很强悍</a></li><li class="top8"><a href="../../200703/78/8798.htm" title="比较漂亮的一个导航条的效果DIV+CSS">比较漂亮的一个导航条的效果DIV+</a></li><li class="top9"><a href="../../200611/78/4373.htm" title="让2个DIV居中并排显示">让2个DIV居中并排显示</a></li><li class="top10"><a href="../../200612/78/5041.htm" title="用CSS打造 抽屉菜单">用CSS打造 抽屉菜单</a></li></ul> </div> <div class=blank3></div> <div><script src="../../../../jsad/imgby/r_4.js" ></script></div> </DIV><!--end mainr--> <div class=clear></div> </div><!--end main2--> <div class="blank3"></div> <div id="footer"> <div id="footerinfo"> <div id="footercontent"><a href="../../200608/56/569.htm" >关于本站</a> - <a href="../../../support.htm" >广告合作</a> - <a href="../../../linkus.htm" >联系我们</a> - <a href="../../200608/56/547.htm" >免责声明</a> - <a href="../../../sitemap.htm" >网站地图</a> - <a href="../../../guestbook.htm" >意见反馈</a> - <a href="#top">返回顶部</a></div> <div id="footercopyrights">天空618-sky618-最专业的IT技术网站。<a href='http://www.miibeian.gov.cn/'" >鄂ICP备07502852号</a><br /> <span>Copyright © 2006-2007 www.sky618.com online services. All rights reserved. . </span><br /> </div> </div> </div> <div id="logo_m-tp"> </div> <div id="mainad2-tp"> <script type="text/javascript" src="../../../../jsad/imgby/main760b.js" ></script> </div> <script type=text/javascript language=javascript src="../../../../jsad/inc/big5style.js" ></script> <script type="text/javascript" src="../../../../jsad/inc/con_ad.js" ></script> <div style="display:none"><script src="../../../../jsad/inc/tongji.js" language=javascript></script></div> <script src="../../../../jsad/admin/hits.asp-id=13011" ></script><script src="../../../../jsad/pl_counts.asp-id=13011" ></script> </body> </html>
