JS常用特效方法总结

1.按Ctrl提交

 <body onkeydown="if(event.ctrlKey&&event.keyCode=='13') form1.submit.click();">

 <form method=post  action="  " name="form1">

 <input type="text">

 <input type="submit" value="发送" name="submit">

2.有两个按钮点击隐藏 input输入框就隐藏显示input就显示

 <input type="button" value="隐藏" onclick="csan(did,'none')">

<input type="button" value="显示" onclick="csan(did,'')">

<input id="did">

<br>

<input type="button" value="隐藏" onclick="csan(dis,'none')">

<input type="button" value="显示" onclick="csan(dis,'')">

<input id="dis">

<script>

function csan(obj,sta){

    eval("obj.style.display=\""+sta+"\"");

    }

</script>

3.input框中信息的滚动显示

<SCRIPT LANGUAGE="JavaScript">var myMainMessage=" 我是滚动文字 我是滚动文字 我是滚动文字  滚滚滚——————";

var speed=150;

var scrollingRegion=50;

var startPosition=0;

function mainTextScroller() {

        var mainMessage=myMainMessage;

        var tempLoc=(scrollingRegion*3/mainMessage.length)+1;

        if (tempLoc<1) {tempLoc=1}

        var counter;

        for(counter=0;counter<=tempLoc;counter++)

           mainMessage+=mainMessage;

        document.mainForm.mainTextScroller.value=mainMessage.substring(startPosition,startPosition+scrollingRegion);

        startPosition++;

        if(startPosition>scrollingRegion) startPosition=0;

        setTimeout("mainTextScroller()",speed); }

</script>

<body bgcolor="#ffffff" onLoad="mainTextScroller()">

<form name="mainForm">

<center>

<input type="text" name="mainTextScroller" size="40" value>

</center>

</form>

</body>

Input框中的滚动信息

秒客网

JS常用特效方法总结

相关文章