排序
js实现模态框-入门基础
效果图示 可拖动,可关闭 代码如下 html代码 <div class='login-header'><a id='link' href='javascript:;'>点击,弹出登录框</a></div> <div id='login' class='login'> <di...
js模拟京东商品图片放大镜
原效果 代码如下 代码写的很草,勉强能看 css代码 * { margin: 0; padding: 0; } .small { float: left; width: 500px; height: 500px; position: relative; overflow: hidden; } .box { displa...
js立即执行函数
立即执行函数:无需调用,自己可立即执行的函数 两种调用方式 <script> //方式1: (function(a, b) { console.log(a + b); })(1, 2); //方式2: (function(a, b) { console.log(a + b); }(2,...
ajax实现简单的图书管理界面
页面预览如下 可进行正常的图书添加和删除 代码如下 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'>...
ajax实现简单的聊天机器人
页面效果如图 可自动回复,自动语音播放,可回车发送文字 js部分 $(function() { resetui() $('#iptsend').on('click', function() { var text = $('#ipt').val().trim(); if (text.length <...
禁右键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...