赛迪网

新用户注册

赛迪社区

帮助

资讯中心 | 专栏 | 渠道与市场 | 中国信息化 | 网络通信 | 开发者 | 产品&评测 | 商情 | DIY | 软件特供 | 电脑应用 | IT罗盘 | IT人才 | IT培训 | 赛迪媒体

 

 

发表看法

查看讨论

发给朋友

打印


为网页添加放大或缩小文字
(作者:洪宝光 2002年08月15日 09:34)

最近小弟看到这样的一个好东东,就是可以为我们的主页设置出一些可以放大或缩小的文字来,好东东不想独占还是拿出来吧!

代码如下:

<SCRIPT language=JavaScript>
<!-- Begin
var speed = 20;
var cycledelay = 1000;
var maxsize = 48;

var x = 0;
var y = 0;
var themessage, size;
var esize = "";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var themessage2 = new initArray(
"免费软件 随意传播",
"中国电脑教育报和资源站点",
"网站:xiaoguang99122.myetang.com",
"请多多留意最新版"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function upwords(){
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else setTimeout("downwords()",cycledelay);

if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
setTimeout("upwords()",speed);
// End -->
</script>

怎么样?你的站点是不是又添加了不少光彩了。

相关专题:CSS高级进阶应用技巧

相关教程:HTML进阶应用技巧

相关专题:JavaScript动态网页制作宝库

(责任编辑 冲锋队)


相 关 文 章

初步了解CSS3 (2002-08-14 09:29)
让网页记住你的姓名 (2002-08-12 09:49)
用CSS控制网页总体风格 (2002-08-06 09:12)
网页制作技巧三则 (2002-08-02 10:16)
准确定位网页图层 (2002-08-01 09:16)