设为首页
收藏本站
用户名
Email
自动登录
找回密码
密码
登录
注册
快捷导航
门户
Portal
论坛
BBS
群组
Group
导读
Guide
家园
Space
广播
Follow
排行榜
Ranklist
淘帖
Collection
日志
Blog
相册
Album
分享
Share
记录
Doing
搜索
搜索
热搜:
回贴
帖子
用户
微赢网络技术论坛
›
门户
›
设计在线
›
网页设计
›
查看内容
“HTMLMarkup”标记实现网页画中画
2009-12-16 01:13
|
发布者:
admin
|
查看:
73
|
评论: 0
|
原作者: 仙之剑缘
我们在浏览网页的时候，会看到有些网页的内部又开了一个或几个子窗口。点击相关的文字或图像链接，链接的内容会在这个子窗口中打开，形成了画中画的效果。
其实，要实现这个画中画效果很简单，只要在出现子窗口的地方加上下面的一小段代码就行了：
<!--webbot bot="HTMLMarkup" endspan --><br><br> 其中，“screen”是新开的子窗口的名称，可以任意命名。但要注意的是，如果一个页面中要开几个子窗口，名称不能相同，可以用a1，a2等表示。“qingfeng.htm”是页面打开时首先在这个子窗口内显示的页面。如果要使网页中的其他文字或图像链接的页面也在这个子窗口内打开，只要在超链接的“目标框架”的“目标设置”中填入该小窗口的名称(如screen)就行了。“430”是小窗口的高度，“100%”是小窗口的宽度。可以根据需要自由设置。<br> 如果我们在某一个网页中开了三个子窗口a1、a2、a3，把a1内的链接设置在a2子窗口内打开，a2内的链接设置在a3子窗口内打开。观察一下整个页面，有没有框架网页的效果？呵呵！<br></td></tr></table> <!--[diy=diycontentbottom]--><div id="diycontentbottom" class="area"></div><!--[/diy]--> <script src="data/cache/home.js?R1y" type="text/javascript"></script> <div id="click_div"><table cellpadding="0" cellspacing="0" class="atd"> <tr></tr> </table> <script type="text/javascript"> function errorhandle_clickhandle(message, values) { if(values['id']) { showCreditPrompt(); show_click(values['idtype'], values['id'], values['clickid']); } } </script> </div> <!--[diy=diycontentclickbottom]--><div id="diycontentclickbottom" class="area"></div><!--[/diy]--> </div> <div class="o cl ptm pbm"> <a href="https://bbs.weiying.cn/home.php?mod=spacecp&ac=favorite&type=article&id=19454&handlekey=favoritearticlehk_19454" id="a_favorite" onclick="showWindow(this.id, this.href, 'get', 0);" class="oshr ofav">收藏</a> <a href="https://bbs.weiying.cn/home.php?mod=spacecp&ac=share&type=article&id=19454&handlekey=sharearticlehk_19454" id="a_share" onclick="showWindow(this.id, this.href, 'get', 0);" class="oshr">分享</a> <a href="misc.php?mod=invite&action=article&id=19454" id="a_invite" onclick="showWindow('invite', this.href, 'get', 0);" class="oshr oivt">邀请</a> </div> </div> <!--[diy=diycontentrelatetop]--><div id="diycontentrelatetop" class="area"></div><!--[/diy]--> <!--[diy=diycontentrelate]--><div id="diycontentrelate" class="area"></div><!--[/diy]--> <div id="comment" class="bm"> <div class="bm_h cl"> <h3>最新评论</h3> </div> <div id="comment_ul" class="bm_c"><form id="cform" name="cform" action="portal.php?mod=portalcp&ac=comment" method="post" autocomplete="off"> <div class="tedt"> <div class="area"> <textarea name="message" rows="3" class="pt" id="message" onkeydown="ctrlEnter(event, 'commentsubmit_btn');"></textarea> </div> </div> <input type="hidden" name="portal_referer" value="portal.php?mod=view&aid=19454#comment"> <input type="hidden" name="referer" value="portal.php?mod=view&aid=19454#comment" /> <input type="hidden" name="id" value="0" /> <input type="hidden" name="idtype" value="" /> <input type="hidden" name="aid" value="19454"> <input type="hidden" name="formhash" value="a1fa999f"> <input type="hidden" name="replysubmit" value="true"> <input type="hidden" name="commentsubmit" value="true" /> <p class="ptn"><button type="submit" name="commentsubmit_btn" id="commentsubmit_btn" value="true" class="pn"><strong>评论</strong></button></p> </form> </div> </div> <!--[diy=diycontentcomment]--><div id="diycontentcomment" class="area"></div><!--[/diy]--> </div> <div class="sd pph"> <div class="drag"> <!--[diy=diyrighttop]--><div id="diyrighttop" class="area"></div><!--[/diy]--> </div> <div class="bm"> <div class="bm_h cl"> <h2>相关分类</h2> </div> <div class="bm_c"> <ul class="xl xl2 cl"><li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=21">设计资讯</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=22">平面设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=23">标志设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=24">空间设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=25">工业设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=26">网页设计</a></li> </ul> </div> </div> <div class="drag"> <!--[diy=diy2]--><div id="diy2" class="area"></div><!--[/diy]--> </div> </div> </div> <div class="wp mtn"> <!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]--> </div> <input type="hidden" id="portalview" value="1"> </div> <div id="ft" class="wp cl"> <div id="flk" class="y"> <p> <a href="//wpa.qq.com/msgrd?v=3&uin=8828254&site=微赢网络技术论坛&menu=yes&from=discuz" target="_blank" title="QQ"><img src="static/image/common/site_qq.jpg" alt="QQ" /></a><span class="pipe">|</span><a href="https://bbs.weiying.cn/forum.php?mod=misc&action=showdarkroom" >小黑屋</a><span class="pipe">|</span><a href="topic-sitemap.html" target="_blank" >最新主题</a><span class="pipe">|</span><a href="https://bbs.weiying.cn/forum.php?showmobile=yes" >手机版</a><span class="pipe">|</span><strong><a href="http://bbs.weiying.cn" target="_blank">微赢网络技术论坛</a></strong> ( <a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备08020429号</a> )<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a66c064273122db3a05de72f6cd924eb"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> <p class="xs0"> GMT+8, 2024-9-29 17:24<span id="debuginfo"> , Processed in 0.149394 second(s), 12 queries , Gzip On, MemCache On. </span> </p> </div> <div id="frt"> <p>Powered by <strong><a href="https://www.discuz.vip/" target="_blank">Discuz!</a></strong> <em>X3.5</em></p> <p class="xs0">© 2001-2023 <a href="https://code.dismall.com/" target="_blank">Discuz! Team</a>.</p> </div></div> <script src="home.php?mod=misc&ac=sendmail&rand=1727601870" type="text/javascript"></script> <div id="scrolltop"> <span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa" ><b>返回顶部</b></a></span> </div> <script type="text/javascript">_attachEvent(window, 'scroll', function () { showTopLink(); });checkBlind();</script> </body> </html>
