网站建设|网站地图
南昌网站建设 > 资讯中心 > 新闻中心 > 网页制作 > 紫索科技
为网页添加放大或缩小文字心得技巧教程

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

代码如下:

<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>

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


原文地址:http://www.zisuo.cn/news/为网页添加放大或缩小文字心得技巧教程923.htm
文章整理:紫索科技--专业提供南昌网站建设九江网站制作服务
http://www.zisuo.cn
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息。
上一篇:让弹出窗口变得“体贴”一些心得技巧教程     下一篇:公司建站完全手册--网页色彩设计点滴心得技巧教程
返回列表
 
2012-8-1 1教您打造优秀网站三部曲
2011-11-25巧妙实现很酷的动态背景文字心得技巧教程
2011-11-25网页编程安全漏洞全接触心得技巧教程
2011-11-25实现浏览器全屏窗口的几种方法心得技巧教程
2011-11-25搜索引擎技术核心揭密心得技巧教程