js基础应用-打字机，震动窗口

来源：互联网发布：redis查询所有数据库编辑：程序博客网时间：2024/06/05 00:40

js基础应用一，窗口震动

html+js代码：

<!DOCTYPE html><html><head><metacharset="UTF-8"><title></title></head><script>function zhengdong(){moveBy(5,0);moveBy(-5,0);moveBy(-5,5);moveBy(5,-5);window.setInterval("zhengdong()",100);//实现一直震动}</script><body><form><input type="button" value="震动" onclick="zhengdong()"/></form></body></html>

js基础应用二，打字机

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><script>var str="海上盛明月，天涯明月刀！";var i=-1;//字符串的下标。function printf(){i++;var s1=document.getElementById("print");//获取到html页面输入框的id//var str1=str.substring(0,i).fontcolor("blue").fontsize("18px");s1.innerHTML=str1;//将取到的新的字符写入span标签内if(i==12){//如果读到的i下标=12（最大长度）让它重新从开始打字i=-1;}}window.setInterval("printf()",300);</script><body><span id="print"></span></body></html>

阅读全文

1 0