JavaScript案例

JavaScript案例

JavaScript案例

JavaScript基础

等 4 人订阅共16篇文章创建于2021-08-06

js函数的注意事项——笔记

1.在做数据类型转换时，如果被转换的数据无法转换成阿拉伯数字，那么就返回一个NaN。（NaN: Not a Number） 2.定义js函数不能声明返回值类型，JS没有void关键字，不允许函数没有返回值。 3.参数列表中只需要给出形参名，不需要也不允许声明形参类型。 4.，首字...

4年前
158
2
评论

用javascript实现留言板

.....box ul li .window.return document.var ul=document.$('pl').$('btn').var txt = $('plTxt').value; //此时不能用$('plTxt').if(txt.var li=document...

4年前
395
2
评论

用JavaScript编写京东搜索框

主要实现了： 1.鼠标点进去里面内容为空 2.鼠标点击外部里面自动获取内容 3.用户输入的内容后点击外部，用户输入内容不能消失。window.return document.var Txt =$('search').Txt.this.style.if(this.this.Txt....

4年前
314
2
评论

用JavaScript实现Excel表格效果

1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.<html xmlns="http://ww...

4年前
204
2
评论

用js实现倒计时效果

window.var timeDifferent = (end - now)/1000; //除以1000后是过去距离现在的秒数，没除之前是毫秒。var day =parseInt(timeDifferent/3600/24); //除以时，分，秒进率得到的是天数。var hou...

4年前
102
2
评论

用js实现简单跑马灯效果

主要知识点： 1.字符串的截取： substr(1):从索引为1的字符开始一直到最后一个字符， substr(0,1)从索引为0开始，截取一个字符 2.定时器： setInterval()：按照指定周期（以毫秒为单位）来调用函数或计算表达式，方法会不停的调用函数，clearInt...

4年前
1.3k
2
评论

用js实现无缝轮播

1.2.3.1.2.父盒子用于显示，子盒子放图片，父盒子之外的内容隐藏。3.4.鼠标放在图片上时暂停，鼠标离开图片时移动，鼠标放在图片上有手的形状（cursor:pointer光标显示手的形状，cursor:crosshair光标显示为十字）。当重复的图片开始显示，此时重置滚动，...

4年前
214
3
评论

JavaScript实现弹幕效果

1. 2. 3. 1.2.3.4.5.6.7.1.document.createElement()用来创建一个元素。2.网页可见区域宽：document.body.//网页可见区域高：document.body.//网页可见区域宽：document.body.//网页可见区域高：...

4年前
2.5k
4
评论

用JavaScript制作天猫轮播图

1. 2. 变透明，而用rgba来设置是文本的内容不会改变。例如：opacity:0.3. a为alpha（透明度），值为0 ~ 1之间的小数，0.到 1.0（完全不透明）例如：background-color:rgba(0,0,0,0.1.2.3.1.2.3.4.来使图片移动...

4年前
207
2
评论

用JavaScript实现左右滚动的电影画布效果

1. 2. 3. 1.2.....screen ..screen .return document.window.left.box.style.right.box.style.$('screen').<img src="imgs/mj.

4年前
286
2
评论

用JavaScript写一个京东放大镜

1.2.3.4.1.2.3.4.5.6.使用var evt = event || window.7.8...box ..box .normal .background-color: rgba(0, 0, 255, 0..return document.window.var nor...

4年前
206
2
评论

用JavaScript写随鼠标滚动的导航条

1.2.3.在这些之外范围，左端导航条和上方导航条恢复原样。1.2.3.让左导航条固定。4.当没有在这些范围内，所有导航条恢复原位置。1. 2. 垂直方向滚动的像素。3. var scrollTop = document.body.4.var scrollTop = docume...

4年前
219
2
评论

用JavaScript实现拖拽盒子

1.2.3.4.5.1.超链接里面设置href="javascript:void(0);"，再点击时不打开网页。2.蓝色盒子里面两个span标签，里面写‘关闭’和‘可拖拽’。3.4.5.6.最后设置onmouseup事件，鼠标松开时页面不移动。即document.1.2，var ...

4年前
233
3
评论

仿360开机效果（并且封装一个带回调函数的缓动动画）

1.1.2.3.4.5.if(window.return window.return obj.clearInterval(obj.obj.step = step > 0 ? Math.ceil(step) : Math.obj.clearInterval(obj...<scrip...

4年前
110
2
评论

自动播放匀速轮播图（带匀速运动函数封装）

clearInterval(obj.var absStep = Math.step = target > obj.obj.var distance = Math.abs(target - obj.obj.style.left = obj.clearInterval(obj.obj...

4年前
294
2
评论

js的运行机制，事件循环和任务队列，浏览器的多线程，进程与线程

1.2.3.4.5.6.console.console.1.点击事件，HTTP请求，setTimeout都将放入任务队列中，等待js主线程任务空了，再执行。 2.js代码由js主线程控制，任务队列由Event Loop线程控制 3.在执行for循环时，每执行一次，就把setTim...

4年前
262
2
评论