宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取
本文目录一览：
简单的js代码编程
!DOCTYPE html
html
head
title/title
meta charset=”utf-8″
style type=”text/css”
div {
min-height: 30px;
line-height: 30px;
border: 1px dashed #ccc;
margin-bottom: 5px;
width: 400px;
padding: 0px 20px;
}
#showInfo {
color: green;
}
/style
/head
body
div
label昵称：/label
input type=”text” name=”name” id=”name”
/div
div
label邮箱：/label
input type=”text” name=”email” id=”email”
/div
div
button确定/button
/div
div id=”showInfo”/div
script type=”text/javascript”
var nameInput = document.getElementById(‘name’);
var emailInput = document.getElementById(’email’);
var btn = document.getElementsByTagName(‘button’)[0];
var wrap = document.getElementById(‘showInfo’);
btn.onclick= function () {
wrap.innerHTML = ”;
var p1 = document.createElement(‘p’);
p1.textContent = ‘昵称：’ + nameInput.value;
var p2 = document.createElement(‘p’);
p2.textContent = ‘邮箱：’ + emailInput.value;
wrap.appendChild(p1);
wrap.appendChild(p2);
}
/script
/body
/html
//jq
var nameInput = $(‘#name’);
var emailInput = $(‘#email’);
var btn = $(‘button’).get(0);
var wrap = $(‘#showInfo’);
btn.on(‘click’, function () {
wrap.html(”);
var p1 = $(‘p’);
p1.text(‘昵称：’ + nameInput.value);
var p2 = $(‘p’);
p2.text(‘邮箱：’ + emailInput.value);
wrap.append(p1);
wrap.append(p2);
});
上班好无聊。这要是看不懂我也就没办法了
JS效果代码
把这句输出：document.write(“今天是”+year+”年”+montharray[month]+”月”+daym+”日”+”，”+dayarray[day])
改为：
document.write(“今天是”+daym+”日”)
js网页打字机效果代码？
打字机效果很简单的啦，我这里有一段代码，你参考参考，至于你所说的颜色，字体，你可以根据你的需求做一些修改，背景音乐的话，你只要放一个播放器，然后设定高度宽度为0，指定音乐路径即可：
脚本说明:
第一步:把如下代码加入head区域中
SCRIPT language=”JavaScript”
!–
var layers = document.layers, style = document.all, both = layers || style, idme=908601;
if (layers) { layerRef = ‘document.layers’; styleRef = ”; } if (style) { layerRef = ‘document.all’; styleRef = ‘.style’; }
function writeOnText(obj, str) {
if (layers) with (document[obj]) { document.open(); document.write(str); document.close(); }
if (style) eval(obj+’.innerHTML= str’);
}
//以下是输出的内容，自己修改即可。
var dispStr = new Array(
“font color=red size=3欢迎光临精彩JavaScript世界…/fontbrfont color=green size=3你知道怎样在你的网页中做一个很酷的网页菜单吗?/fontbrfont color=red size=3你知道怎样让你的网页背景向上或向下移动吗?/fontbrfont color=blue size=3你知道怎样在你的主页中任意位置显示一个时钟吗?/fontbrfont color=red size=3你知道怎样在主页中做特效文字吗?/fontbrfont color=black size=3你知道怎样做一个很cool的日历吗?/font”
);
var overMe=0;
function txtTyper(str, idx, idObj, spObj, clr1, clr2, delay, plysnd) {
var tmp0 = tmp1 = ”, skip = 0;
if (both idx = str.length) {
if (str.charAt(idx) == ”) { while (str.charAt(idx) != ”) idx++; idx++; }
if (str.charAt(idx) == ” str.charAt(idx+1) != ‘ ‘) { while (str.charAt(idx) != ‘;’) idx++; idx++; }
tmp0 = str.slice(0,idx);
tmp1 = str.charAt(idx++);
if (overMe==0 plysnd==1) {
if (navigator.plugins[0]) {
if (navigator.plugins[“LiveAudio”][0].type==”audio/basic” navigator.javaEnabled()) {
document.embeds[0].stop();
setTimeout(“document.embeds[0].play(false)”,100); }
} else if (document.all) {
ding.Stop();
setTimeout(“ding.Run()”,100);
}
overMe=1;
} else overMe=0;
writeOnText(idObj, “span class=”+spObj+”font color='”+clr1+”‘”+tmp0+”/fontfont color='”+clr2+”‘”+tmp1+”/font/span”);
setTimeout(“txtTyper(‘”+str+”‘, “+idx+”, ‘”+idObj+”‘, ‘”+spObj+”‘, ‘”+clr1+”‘, ‘”+clr2+”‘, “+delay+” ,”+plysnd+”)”,delay);
}
}
function init() {
txtTyper(dispStr[0], 0, ‘ttl0’, ‘ttl1’, ‘#339933’, ‘#99FF33’, 50, 0);
}
// —
/SCRIPT
第二步:把如下代码加入body区域中
DIV class=ttl1 id=ttl0SPAN class=ttl1/SPAN/DIV
第三步:把body改为
body bgcolor=”#fef4d9″ onload=”onload=init()”
背景音乐
OBJECT id=”Player” CLASSID=”CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6″ style=”display:none”
param name=”URL” value=”你的路径”
PARAM name=”autoStart” value=”False”
PARAM name=”uiMode” value=”invisible”
/OBJECT
急！急！急！求一段简单的JS代码
不知道你说的是不是将div显示隐藏。
如果是的话，你可以将div给个style=”display:none;”的属性把两个div隐藏起来。
然后在某个控件上给个触发事件如：onclick=”show()”调用js。
js里的function show()就写
docuement.getElementById(“g1″).style.display=”block”;就能实现了。
关于Javascript 特效代码
script language=”JavaScript”
!– Hide the script from old browsers —
function compute(obj) //定义一个函数 名字叫compute 他接收了一个参数 obj
{obj.expr.value = eval(obj.expr.value)} //当前的参数的值和下文参数值所用的方法相同
var one = ‘1’ //定义一个字符型的1
var two = ‘2’ //定义一个字符型的2
var three = ‘3’ //定义一个字符型的3
var four = ‘4’ //定义一个字符型的4
var five = ‘5’ //定义一个字符型的5
var six = ‘6’ //定义一个字符型的6
var seven = ‘7’ //定义一个字符型的7
var eight = ‘8’ //定义一个字符型的8
var nine = ‘9’ //定义一个字符型的9
var zero = ‘0’ //定义一个字符型的0
var plus = ‘+’ //定义一个字符型的+
var minus = ‘-‘ //定义一个字符型的*
var multiply = ‘*’ //定义一个字符型的*
var divide = ‘/’ //定义一个字符型的/
var decimal = ‘.’ //定义一个字符型的.
function enter(obj, string) //定义一个函数 名字叫enter 他接收了一个参数 obj
{obj.expr.value += string} //让 obj的值加上 ‘+’后面的值
function clear(obj) //定义一个函数 名字叫clear 他接收了一个参数 obj
{obj.expr.value = ”} //让obj的值等于空
// –End Hiding Here —
/script
form name=”calc”
table border=1
td colspan=4input type=”text” name=”expr” size=30 action=”compute(this.form)” tr
!–提交表单–
tdinput type=”button” value=” 7 ” onClick=”enter(this.form, seven)”!–当鼠标点击
按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” 8 ” onClick=”enter(this.form, eight)”!–当鼠标点击
按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” 9 ” onClick=”enter(this.form, nine)”!–当鼠标点击
按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” / ” onClick=”enter(this.form, divide)”!–当鼠标点
击按钮的时候提交给函数按钮中的值–
trtdinput type=”button” value=” 4 ” onClick=”enter(this.form, four)”!–当鼠标
点击按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” 5 ” onClick=”enter(this.form, five)”!–当鼠标点击
按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” 6 ” onClick=”enter(this.form, six)”!–当鼠标点击按
钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” * ” onClick=”enter(this.form, multiply)”!–当鼠标
点击按钮的时候提交给函数按钮中的值–
trtdinput type=”button” value=” 1 ” onClick=”enter(this.form, one)”!–当鼠标点
击按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” 2 ” onClick=”enter(this.form, two)”!–当鼠标点击按
钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” 3 ” onClick=”enter(this.form, three)”!–当鼠标点击
按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” – ” onClick=”enter(this.form, minus)”!–当鼠标点
击按钮的时候提交给函数按钮中的值–
trtd colspan=2input type=”button” value=” 0 ” onClick=”enter
(this.form, zero)”!–当鼠标点击按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” . ” onClick=”enter(this.form, decimal)”!–当鼠标
点击按钮的时候提交给函数按钮中的值–
tdinput type=”button” value=” + ” onClick=”enter(this.form, plus)”!–当鼠标点击
按钮的时候提交给函数按钮中的值–
trtd colspan=2input type=”button” value=” = ” onClick=”compute(this.form)”!
–提交表单在javascript中进行运算–
td colspan=2input type=”button” value=”AC” size= 3 onClick=”clear(this.form)” !–
点击此按钮调用此函数–
/table
/form
求一个简单的点击图片放大缩小的JS代码
1、准备好需要用到的图标。
2、新建html文档。
3、书写hmtl代码。div id=allbox div id=boxhome img style=”WIDTH: 107px; BOTTOM: 5px; HEIGHT: 176px; LEFT: 10px” id=imgSmallLeft class=imgBorder onClick=”clearInterval(autoplay);moveD(‘l’);” 。
4、书写并添加js代码。script src=”js/ntes_jslib_1.x.js”/scriptscript src=”js/zzsc.js”/script。
5、代码整体结构。
6、查看效果。
支付宝扫一扫
微信扫一扫
