本文目录一览:
简单的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、查看效果。