电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
轻松实现网页画中画效果
轻松实现网页画中画效果
2005-12-30 19:16:20  文/45IT收集   出处:电脑软硬件应用网   

我们在浏览网页的时候,会看到有些网页的内部又开了一个或几个子窗口。点击相关的文字或图像链接,链接的内容会在这个子窗口中打开,形成了画中画的效果。


其实,要实现这个画中画效果很简单,只要在出现子窗口的地方加上下面的一小段代码就行了:

<!--webbot bot="HTMLMarkup" startspan --><iframe name="screen" src="qingfeng.htm" height="430" width="100%" NORESIZE frameborder="0" marginheight="0" marginwidth="0"><!--webbot bot="HTMLMarkup" endspan --> 

其中,“screen”是新开的子窗口的名称,可以任意命名。但要注意的是,如果一个页面中要开几个子窗口,名称不能相同,可以用a1,a2等表示。“qingfeng.htm”是页面打开时首先在这个子窗口内显示的页面。如果要使网页中的其他文字或图像链接的页面也在这个子窗口内打开,只要在超链接的“目标框架”的“目标设置”中填入该小窗口的名称(如screen)就行了。“430”是小窗口的高度,“100%”是小窗口的宽度。可以根据需要自由设置。


如果我们在某一个网页中开了三个子窗口a1、a2、a3,把a1内的链接设置在a2子窗口内打开,a2内的链接设置在a3子窗口内打开。观察一下整个页面,有没有框架网页的效果?呵呵!

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号