demo
关注
分享
扫一扫
咩有猫腻.
要努力哦.
展开
-
全屏切换---demo
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <tit.原创 2020-07-31 10:12:54 · 184 阅读 · 0 评论 -
demo---鼠标移入移出效果（jQuery）
html<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8" /> <title>判断鼠标移入移出方向</title> <style type="text/css"> * { margin: 0; padding: 0; } .outer { .原创 2020-06-16 15:27:03 · 390 阅读 · 0 评论 -
demo-楼梯
一.老师写的<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> body, ul, li { padding: 0; margin: 0; } li {原创 2020-06-15 16:07:41 · 234 阅读 · 0 评论 -
demo--图片渐隐渐现轮播（jQuery）
因为背景图大小是760300 所以最外容器也设置为760300自己写的样式 即css和老师写的不太一样一.自己写的css、html和js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit.原创 2020-06-13 15:52:13 · 318 阅读 · 1 评论 -
demo--手风琴
原创 2020-06-13 10:47:30 · 169 阅读 · 0 评论 -
demo-多级导航菜单（jQuery）
一.democsshtmljs<!-- js --> <script src="./course29/jquery.js"></script> <script> $(function () { $('li:has(ol)').click(function (e) { // target 显示点击元素的标签名 if ($(e.tar原创 2020-06-12 19:26:37 · 421 阅读 · 0 评论 -
jQuery2-动画、事件绑定、属性、位置
动画<style> div { width: 300px; height: 300px; background: red; } </style> </head> <body> <!-- html --> <input type="button" value="停止" /> <div></div>原创 2020-06-12 15:23:16 · 148 阅读 · 0 评论 -
demo-留言板（是有些问题的）
<body> <!-- 1-基本结构 2- js逻辑 分析有啥功能，就知道从哪下手 1-点击发布的按钮的时候， 2-根据输入框的内容创建li标签，li里面还要有内容 p，button 3-删除按钮 添加点击事件，点击的时候删除 按钮所在的li --> <input type="text" class="i.原创 2020-06-11 19:43:54 · 158 阅读 · 0 评论 -
demo-购物车（localstorage）
需要的文件cart.jsclass Cart { constructor() { this.cartData = localStorage.getItem("cartData") ? JSON.parse(localStorage.getItem("cartData")) : {}; } saveData(id, num, terminal) { if (!this.cartData[id] || terminal) { this.car原创 2020-06-09 20:35:14 · 296 阅读 · 0 评论 -
demo-php增删改查-错题库
需要的文件创建数据库 表 字段如果命名和图片上的不一样 记得在代码里要替换成数据库里的格式接口分析一.index.js// 获取标签对象，用函数 防止冗余代码生成function getById(id) { return document.getElementById(id);}let wq_content = getById("wq-content");let wq_where = getById("wq-where");let wq_idea = getById("wq-.原创 2020-06-06 15:36:14 · 311 阅读 · 0 评论 -
demo-淘宝输入框搜索
一.老师的案例（有点问题，二级搜索没有随着输入框中的文字删除而消失）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible".原创 2020-06-05 20:22:08 · 398 阅读 · 0 评论 -
demo-红绿灯
<style> * { margin: 0; padding: 0; } ul, li { list-style: none; } #light { width: 260px; display: flex; justify-content: space-.原创 2020-06-04 19:41:17 · 356 阅读 · 3 评论 -
数组去重的方法
1.将数组的每一个元素依次与其他元素做比较，发现重复元素，删除var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5]function noRepeat1(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j转载 2020-06-04 16:59:02 · 485 阅读 · 0 评论 -
demo-分页（js、ajax）
原创 2020-06-04 16:54:40 · 140 阅读 · 0 评论 -
获取窗口位置信息
<style> *{margin:0; padding:0;} #box{ width:200px; height:200px; background:#f0f; position:absolute; left:0;top:0; } </style> </head> <body> <div id="box"></div> </body> <原创 2020-06-03 20:18:51 · 541 阅读 · 0 评论