网页制作一点通（17）

站长空间

2005年5月2日

居中文本输入框

通常我们在输入框里面输入账号、密码的时候，文字都是靠左边显示的。如果边框不做效果或者输入文字设置过小的话，就有可能导致显示不清楚。这里给出一个特别一点的办法，就是让输入的文字居中，这样看起来就清清楚楚了。具体代码如下：<input type="text" style="text-align:center;">

固定浏览窗口大小

如果我们的网站内容丰富，需要固定浏览者的浏览器窗口大小，以免遗漏重要内容，可以用以下的JavaScript代码实现：<script language="Javascript">resizeTo(400,300);</script>。要注意的是，“resizeTo”是JavaScript的一个函数，不能改变其大小写，否则代码会失去效用。

用背景图片修饰文字

网页里面的文字大多数比较单调，不是白底黑字就是白底灰字。让我们来加点修饰吧：给文字加上背景图片。这跟“在图片上加文字”的效果是截然不同的，大家不要混淆了。具体代码如下：<p style="background-image:url(http://www.cpcwcn/images/logo.gif)">这里输入文字</p>。

无法拦截的对话框

现在很多浏览者都对网站的弹出窗口进行拦截，传统的弹出窗口已经难以胜任。如果我们有重要的消息要为浏览者弹出信息页面，还有什么办法吗？答案是肯定的。下面让我们来看看怎么实现这个功能。具体代码如下：<SCRIPT>showModelessDialog('news.htm','winname','dialogWidth:500px;dialog Height:500px;dialogLeft:400px;dialogTop:250px;center:yes;help:yes;resizable:no;status:no')</SCRIPT>

设置字体纵行排列

常见的文字排版是从左到右的，那么你有没有试过类似诗词从上到下那样排列呢？如果还没试过的话，那么就来看看怎么实现吧。说不定哪天你或许就会用上呢。实现这个效果的代码如下：<pstyle=”layout-flow : vertical-ideographic;writing-mode : tb-rl”>要纵排的文字</p>。