星空nwk-CSDN博客

原创 JavaScriptDOM练习之滚动条效果

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> * { margin: 0; padding: 0; } .box { width: 300px;

2017-10-08 00:19:35 366

原创 JavaScriptDOM练习之放大镜效果

html>html>head lang="en"> meta charset="UTF-8"> title>哈哈title> style> * { margin: 0; padding: 0; } .box { width: 350px;

2017-10-08 00:10:35 308

原创 JavaScriptDOM练习之拖拽案例

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> .login-header { width: 100%; text-align: center; height: 30px;

2017-10-08 00:09:07 266

原创 JavaScriptDOM练习之图片跟着鼠标飞

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> sscript> var evt = { //event或e getEvent: function (e) { return window.event || e;

2017-10-08 00:06:26 254

原创 JavaScriptDOM练习之筋斗云效果

html>html lang="en">head> meta charset="UTF-8"> title>title> style> * { margin: 0; padding: 0 } ul { list-style: none

2017-10-08 00:04:11 323

原创 JavaScriptDOM练习之口风琴效果

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> ul { list-style: none; } * { margin: 0; padding: 0;

2017-10-07 23:59:09 610

原创 JavaScriptDOM练习之无缝轮播

html>html lang="en">head> meta charset="UTF-8"> title>title> style type="text/css"> * { padding: 0; margin: 0; list-style: none; b

2017-10-07 23:56:06 236

原创 JavaScriptDOM练习之事件绑定与解绑

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>button id="btn">按钮button>button id="btn1">解绑button>script src="../common.js">script>script> //onclick

2017-10-07 21:58:54 457

原创 JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>button id="btn">按钮button>script src="../common.js">script>script> my$("btn").addEventListener("click", f1)

2017-10-07 21:55:06 954

原创 JavaScriptDOM练习之百度搜索框

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #box { width: 450px; margin: 200px auto; } #txt { wi

2017-10-07 21:53:48 322

原创 JavaScriptDOM对象练习 tab栏切换

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> * { margin: 0; padding: 0; } ul { list-style-type: none;

2017-10-07 21:46:11 426

原创数组、函数练习

//数组//数组：一组有序的数据；//作用：可以一次性存储多个数据//通过构造函数创建数组： var 数组名 = new Array(长度); 写一个为长度，多个为元素//通过字面量的方式创建数组： var arr = [];//数组元素：数组中存储的每个数据，都可以叫做数组的元素。//数组长度：数组中元素的个数//数组索引（下标）：从0开始，长度为length-1；

2017-09-14 18:12:18 319

原创 JavaScript流程控制---分支语句、循环语句练习题

流程控制：代码的执行过程有三种方式： * 1.顺序结构：从上到下，从左到右执行的顺序 * 2.分支结构：if语句系列，switch语句，三元表达式 * 3.循环结构：for循环， while循环系列， for in循环分支语句//输出月份的天数var month = parseInt(prompt("请输入月份"));switch (month) {

2017-09-14 17:35:27 798

星空nwk的博客