排序
js立即执行函数
立即执行函数:无需调用,自己可立即执行的函数 两种调用方式 <script> //方式1: (function(a, b) { console.log(a + b); })(1, 2); //方式2: (function(a, b) { console.log(a + b); }(2,...
js模拟京东商品图片放大镜
原效果 代码如下 代码写的很草,勉强能看 css代码 * { margin: 0; padding: 0; } .small { float: left; width: 500px; height: 500px; position: relative; overflow: hidden; } .box { displa...
js实现模态框-入门基础
效果图示 可拖动,可关闭 代码如下 html代码 <div class='login-header'><a id='link' href='javascript:;'>点击,弹出登录框</a></div> <div id='login' class='login'> <di...
禁右键js代码
代码如下 <script> document.addEventListener('contextmenu', function(e) { e.preventDefault(); }) </script> 实现效果如本页面 document.addEventListener('contextmenu', function(e...
鼠标滑动获取盒子内的坐标
代码如下 <body> <div class='boxxx'><span class='spann'></span></div> <script> var boxxx = document.querySelector('.boxxx'); var spann = document.querySelector('.s...
模拟短信发送按钮
代码如下 <body> <input type='number'> <button>发送</button> <script> var btn = document.querySelector('button'); btn.addEventListener('click', function() { btn.disab...
简易倒计时
代码如下 <body> <div> <span class='day'>0</span> <span class='hour'>1</span> <span class='minute'>2</span> <span class='second'>3</span> </div> <...
js实现网页中“回到顶部”按钮
代码如下var goBack = document.querySelector('.goBack'); var nav = document.querySelector('nav'); window.addEventListener('scroll', function() { if (window.pageYOffset >= nav.off...
手机端轮播图基本原理及成品
效果展示具有一般手机轮播图的所有效果成品下载学习{abtn icon='fa-download' color='#8000ff' href='https://jpzy.lanzous.com/i3k1Ime68bg' radius='2' content='点击下载'/} .joe_detail__ar...