电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
网页瘦身小技巧--“分割方法”
网页瘦身小技巧--“分割方法”
2005-12-30 19:02:13  文/45IT收集   出处:电脑软硬件应用网   

您的主页内容多吗?生成的页面文件大吗?加载时间长吗?您是否想过把一页分割为几部分设计呢?笔者在工作中总结出个好方法,帮您搞定问题。 

  方法1: 

  < webbot bot="HTMLMarkup" startspan >

  < iframe name=wwg align=center target="main" frameborder="no" border="0" scrolling=no src="调出页面.htm" width=180 height=180 >

  < /iframe >

  < webbot bot="HTMLMarkup" endspan > 

  方法2: 

  < SCRIPT language=JavaScript > 

  var IE4=(document.all) ? 1 : 1; 

  if (IE4) { 

  var theSource='< iframe name="wwg" frameborder="no" border="0" scrolling="no" src="调出页面.htm" width=180 height=180 >< /iframe >' 

  document.write(theSource) } 

  < /SCRIPT > 

  简析此代码:你可以更改“scrolling=”值为“yes”或者“no”来决定是否显示滚动条;可以通过更改“frameborder=”值为“yes”或者“no”来决定是否显示边框;更改“width=”及“height=”的值来改变调出页面的宽度及高度;更改“src=”的路径、文件名称来决定调出的WEB页面。 

  最后说明:尽量把此代码放在一行!如您直接使用本页面的代码,要把它复制到记事本(复制时请将代码"< "转换成"<"," >"转换成">"),然后粘贴到您的页面代码中。您可以通过表格来定义调出页面的显示位置! 

  怎么样,有了它您就不必为您的页面文件太大而苦恼了,它可以为您的页面“减肥”而不影响页面的“体形”,让您使用最少的代码,设计最复杂的网页!如使用中有任何问题,请来信 wangwg@china.com 或者来我的主页 http://www.dscj.org 查看效果! 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    网页特效代码:仿京东的商品分类导航…
    不能屏蔽的网页右下角窗口特效
    装载页面进度条代码
    链接特效之js做引用文章链接代码
    左右移动转换文字特效HTML代码解析
    网页页面实现自动刷新的3种代码
    网页特效代码:纯css下拉菜单列表
    JS特效代码:实现间歇无缝文字滚动特…
    文字滚动特效(兼容多浏览器)
    网页特效代码:JavaScript显示系统时…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

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