您的位置:

js简单效果代码(js案例特效大全)

js简单效果代码(js案例特效大全)

更新:

本文目录一览:

简单的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、查看效果。

js简单效果代码(js案例特效大全)

本文目录一览: 1、简单的js代码编程 2、JS效果代码 3、js网页打字机效果代码? 4、急!急!急!求一段简单的JS代码 5、关于Javascript 特效代码 6、求一个简单的点击图片放大缩小的

2023-12-08
js经典实例大全,js案例100讲解

本文目录一览: 1、js闭包是什么? 2、js下拉菜单,怎样更简便的实现? 3、js求和小案例 求解 4、JavaScript学习笔记之数组基本操作示例 5、JavaScript实现计算多边形质心的方

2023-12-08
css特效js实例(css3网页特效)

本文目录一览: 1、如何用JS和CSS3制作炫酷的弹窗效果 2、导航条js+css特效代码怎么用 3、怎样用js触发css的过渡效果 4、如何用css,js实现如图效果 5、js+css实现文字散开重

2023-12-08
js好看效果源代码大全下载,js特效素材网

本文目录一览: 1、关于Javascript 特效代码 2、求js代码,效果是“点击图片缓慢消失,然后进入网站” 3、网页制作:谁给我发个js实现图片横向滚动的源代码? 4、请问怎么下载网页中的js,

2023-12-08
js特效记录上次登录时间代码,js特效记录上次登录时间代码怎

本文目录一览: 1、用户第一次进入网站,如何用JS来保存进入的时间? 2、js如何获取cookie第一次登录时间 3、如何用JS代码来写出每次系统登陆的时候,平台日志就会记录你的所有操作和登陆时间?

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
js代码大全(js基础代码大全)

本文目录一览: 1、JS鼠标事件大全 JS鼠标事件有哪些 2、什么地JS?什么是JSP? 3、我的世界地狱门js代码大全 4、求javascript表单验证大全 5、求个简单javascript代码

2023-12-08
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
js特效代码,js特效代码显示时钟

本文目录一览: 1、什么是JS特效 2、前端开发中常用到的js特效有哪些 3、JS特效代码,让网页打开时候最小化,6秒后最大化。追加100分 4、当单击按钮时 显示搜索框,当再次单击按钮时隐藏搜索框,

2023-12-08
css特效与js,css特效大全

2022-11-22
执行js代码大全,执行js代码大全下载

本文目录一览: 1、编写一段代码,如何用JS来实现插入几行几列的表格的功能,希望好心人能帮帮忙呢 2、求个简单javascript代码 谢谢,网站菜单功能 3、求C# winform中点击按钮执行网页

2023-12-08
js代码技术大全(js代码技术大全教程)

本文目录一览: 1、什么地JS?什么是JSP? 2、求个简单javascript代码 谢谢,网站菜单功能 3、JS技术是什么技术? 4、js实现网页 高度和宽度成比例的代码 5、怎么快速的学习基本JS

2023-12-08
2017js代码大全(js新手代码大全)

本文目录一览: 1、关于JS的代码 2、下面是一段Js语言代码。我是初学者,大神,花括号里的各个代码如何理解? 3、JS鼠标事件大全 JS鼠标事件有哪些 4、什么地JS?什么是JSP? 5、JS 代码

2023-12-08
经典效果js源码,源代码特效

本文目录一览: 1、问下在哪有js特效的源码那些,怎么弄? 2、看有些网站的jquery和js的效果比较好,如何能看到这些js的源码的?谢谢指教 3、用js源码做出缓动效果,关于for循环和setti

2023-12-08
js代码特效资源,js特效素材网

2022-11-23
js效果源码集合下载(js特效代码下载)

本文目录一览: 1、求js读取数据库数据显示在页面上的表中的功能源码 2、怎么把一个网页的js代码下载 下来啊 3、如何使用js实现页面下载功能 4、如何下载js文件 5、怎么样下载js 6、下载的j

2023-12-08
jscode网页特效大全下载(精美网页js特效)

本文目录一览: 1、怎么将下载的JS网页特效用在自己的网页中 2、什么是网页脚本特效 3、求个简单javascript代码 谢谢,网站菜单功能 4、点击弹出窗口 5、http://www.jscode

2023-12-08
java特效代码,js代码特效

2022-11-28
web代码较少的js特效(网页js特效)

本文目录一览: 1、jq特效和js特效区别 2、JS特效代码,让网页打开时候最小化,6秒后最大化。追加100分 3、前端开发中常用到的js特效有哪些 4、网页特效代码 5、什么是JS特效 jq特效和j

2023-12-08
js实现实例例子,js基础案例

2022-11-24