动态控制按钮变大变小代码,JS代码库,德仔网

代码语言

代码分类

【JS】动态控制按钮变大变小

作者:dezai / 发布于2014/4/8/ 295

JS动态控制按钮变大变小，一个被添加了JS代码的动态按钮，按钮的大小会随着按钮文字的多少自动加长或变短，会缩小放大的按钮

<html>
<HEAD>
<title>会缩小放大的按钮</title>
<SCRIPT LANGUAGE="JavaScript">
var outMsg = "";
var i = 0;
var lineNo = 1;
var timerDM=null;
var msg = " ";
function araVob() {
}
var ScreenLine = new araVob();
ScreenLine[1] = "JS动态控制按钮变大变小"
ScreenLine[2] = "All the free technology you can handle"
ScreenLine[3] = "您查看过这个网页"
ScreenLine[4] = "/"
ScreenLine[5] = "经常保持联系"
ScreenLine[6] = "e-mail:slsyyc@sina.com"
ScreenLine[7] = "Thanks a lot"
ScreenLine[8] = " 欢迎再次光临"
var msgNum = 1;
var msgCnt = 8;
var typeSpeed = 200;
var pageLen = 4;
var delay=typeSpeed;
var r = 0;
var cr="\r\n"
if ("3" <=navigator.appVersion.charAt(0)) {
var cr="\n"
}
for (x = 1; x<=(msgCnt); x++) {
 ScreenLine[x] = ScreenLine[x] + cr;
}
msg = ScreenLine[1];
function DisplayMsg() {
 if (msg.length <= i || msg.charAt(i) == "\f") {
  r=i;
  i=0;
  ChangeMsg();
 }
 outMsg = outMsg + msg.charAt(i);
 i++;
 if (msg.charAt(i) == "\f" || (lineNo == pageLen && i==msg.length)) {
  delay = 4000; }
 else {
 if (msg.charAt(i) == cr && msg != " "+cr) {
  delay = 2000; }
 else {
  delay = typeSpeed; }
 }
 self.document.forms[0].elements[0].value=outMsg;
 timerDM = setTimeout("DisplayMsg()",delay);
}
function ChangeMsg() {
msgNum++;
if (msgCnt < msgNum) {
 msgNum = 1;
}
lineNo++;
if (pageLen < lineNo || msg.charAt(r) == "\f") {
 outMsg=ScreenLine[msgNum].charAt(i);
 i++;
 lineNo = 1;
}
 msg = ScreenLine[msgNum];
}
</script>
</HEAD>
<BODY>
<FORM NAME= "msgform" ACTION="">
<input type="button" value="点击这里查看" onClick="DisplayMsg()">
</FORM>
</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　控制按钮变大变小　

同语言下

可能有用的

dezai贡献的其它代码(1065)