入门共7篇
ajax实现简单的聊天机器人-it同学

ajax实现简单的聊天机器人

页面效果如图 可自动回复,自动语音播放,可回车发送文字 js部分 $(function() { resetui() $('#iptsend').on('click', function() { var text = $('#ipt').val().trim(); if (text.length <...
久畔的头像-it同学久畔3年前
025612
ajax实现简单的图书管理界面-it同学

ajax实现简单的图书管理界面

页面预览如下 可进行正常的图书添加和删除 代码如下 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'>...
久畔的头像-it同学久畔3年前
016612
js立即执行函数-it同学

js立即执行函数

立即执行函数:无需调用,自己可立即执行的函数 两种调用方式 <script> //方式1: (function(a, b) { console.log(a + b); })(1, 2); //方式2: (function(a, b) { console.log(a + b); }(2,...
久畔的头像-it同学久畔3年前
043415
js模拟京东商品图片放大镜-it同学

js模拟京东商品图片放大镜

原效果 代码如下 代码写的很草,勉强能看 css代码 * { margin: 0; padding: 0; } .small { float: left; width: 500px; height: 500px; position: relative; overflow: hidden; } .box { displa...
久畔的头像-it同学久畔3年前
015812
js实现模态框-入门基础-it同学

js实现模态框-入门基础

效果图示 可拖动,可关闭 代码如下 html代码 <div class='login-header'><a id='link' href='javascript:;'>点击,弹出登录框</a></div> <div id='login' class='login'> <di...
久畔的头像-it同学久畔3年前
01349
禁右键js代码-it同学

禁右键js代码

代码如下 <script> document.addEventListener('contextmenu', function(e) { e.preventDefault(); }) </script> 实现效果如本页面 document.addEventListener('contextmenu', function(e...
久畔的头像-it同学久畔3年前
014315
鼠标滑动获取盒子内的坐标-it同学

鼠标滑动获取盒子内的坐标

代码如下 <body> <div class='boxxx'><span class='spann'></span></div> <script> var boxxx = document.querySelector('.boxxx'); var spann = document.querySelector('.s...
久畔的头像-it同学久畔3年前
01379