深潜网页制作学就用技巧(3)


答案：网页制作超级技巧（三）

六、实现文字的自动换行 

我们在编制主页的时候，有时候会发现自己制作的主页不能够自动换行，尤其是对一大段文字，必须拖动窗口的滑块跑很久才能看完后面的文字。如何消除这种情况呢？这里我们介绍用表格来定位的方法：

我们认为很有效的方法就是采用表格来对文字进行定位。当然这里的表格我们一定要给定它的绝对宽度（直接给定或间接给定宽度），那么输入的长文字便会自动的换行了。

这里所说的直接给定表格的宽度，是指我们直接设定表格的width属性值为某一个设定值。如我们可以如下设定：
　　<table width="420">...</table>　

相对值是指采用相对于上一级表格的宽度，通常用一个百分数来表示。比如我们在一个相对外层的表格中设定了表格的宽度，那么在内层的表格中只要给出一个相对的宽度就相当于已经给定了表格绝对宽度。我们可以看看下面的源代码：
　　<table width="760">
　　　　...
　　　　<table width="60%">
　　　　　　...
　　　　</table>
　　</table> 
这里就相当于我们已经给定了内层表格的宽度为760*60%=456个像素点了。 

七、如何弹出公告窗口 

有时我们需要采用公告窗口来展示一些重要的信息，所谓公告窗口是指我们浏览主页时，随主页面的加载而自动弹出的小窗口，公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的javascript语句来实现它。
　
方法一：
在<head></head>之间插入如下一段javascript代码：
<script language="javascript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=200,height=170,resizable=0,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; 
}
popup.location.href = 'test.htm';
}
// -->
</script>
方法二：
直接在<body>与</body>插入如下一段代码：
<script language="javascript">
  window.open("test.htm","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");
</script> 
 它们的作用是相同的，其中windows.open()的作用是打开一个窗口，括号内的各项参数的用法我们可以在下面看到，我们可以根据自己的需要设置各个参数的值。
  窗口参数           参数介绍 
toolbar=yes,no     是否显示工具条 
location=yes,no    是否显示网址栏 
directories=yes,no 是否显示导航条 
status=yes,no      是否显示状态条 
menubar=yes,no     是否显示菜单 
scrollbars=yes,no  是否显示滚动条 
resizable=yes,no   是否可以改变公告窗口大小 
copyhistory=yes,no 是否显示历史按钮 
width=300          公告窗口的宽 
height=200         公告窗口的高 
left=100           公告窗口的左上顶点距屏幕左边100像素 
top=100            公告窗口的左上顶点距屏幕顶端100像素
上一个：突破网页文字无法复制局限
下一个：深潜网页制作学就用技巧(2)
更多图片编程知识: