<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <...
JQUERY
开源达人常用jquery标签
//基本，层次，基本过滤，内容过滤，可见性过滤，属性过滤,子元素过滤,表单过滤 //基本 $(".one") $("#one") $("p") $("*") $("select") //层次 ...
开源达人 html+css+js 进度条实例
<style type="text/css"> #myProgress { width: 100%; background-color: #ddd; } #myBar { width: 1%; height: 30px; background-color: #4CAF50; } </style> <p> <button ...
开源达人，html+css+js 原生动画计时器的运用。
<style type="text/css"> #myContainer { width: 400px; height: 400px; position: relative; background: yellow; } #myAnimation { width: 50px; height: 50px; position: absolute; b...
开源达人 html+css+js 字母排序的写法。
<p>点击按钮按字母列表排序:</p> <button onclick="sortList()">排序</button> <ul id="id01"> <li>Oslo</li> <li>Stockholm</li> <li>Helsinki</li> <li>Berlin&l...
开源达人 html+css+js ul li 列表的搜索查询原理。
<style type="text/css"> #myInput { background-image: url('https://static.runoob.com/images/mix/searchicon.png'); /* 搜索按钮 */ background-position: 10px 12px; /* 定位搜索按钮 设置...
开源达人 html+css+js Lightbox 轮播图
<style type="text/css"> body { font-family: Verdana, sans-serif; margin: 0; } * { box-sizing: border-box; } .row>.column { padding: 0 8px; } .row:after { content: ""; disp...
开源达人白话版 css+js 弹窗的 原理与解析。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style type="text/css"> #fdiv { display: none; /* 默认隐藏 */ ...
css+js 弹窗的 原理与解析。
值得思考的一些问题 。 1，html div的写法。 外边大包裹，里边小包裹，里边各个块。 2，js 写法中。注意，DOM 的选择方法。及事件的绑定方法。 dom.onclick=function (){ } 3,积累写代码的经验。 <style t...
css3+js 轮播图 白话详解！
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style type="text/css"> /* html的写法： 大框架写 div包裹div 里...
写代码的方法与思考
我们看各种各样的书籍，有讲原理的，也有讲实例的，你会发现里面讲的逻辑非常清晰，有时候你可能会困惑，他们怎么会想到用这个方法呢。其实这就是一个人的思考过程了。 （1）如何制作一个单击鼠标菜单隐现的特效...
setTimeout和setInterval函数之间的联系与区别（实例篇）
setTimeout实例： showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("showTime()", 5000); } setTimeout每隔5秒会alert...
setTimeout和setInterval函数之间的联系与区别
setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质 甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时...
continue不会跳过do while的条件判断
先贴一段代码： int i = 0; do { printf("%d\n", i); if(i < 10) continue; }while(++i < 10); 以前我一直以为，continue就是跳转到do开始的位置，所以就认为上面这段程序将会是一个死...
很多js jquery 初学者对于AJAX 异步的地址加class id 不是很明白，写一个DEMO 希望对于大家有帮助。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
jquery 用on对新增元素添加点击事件，为什么点击两次才能触发
js/jquery 中，若想对新增元素添加事件，切记，on之前的元素一定是在添加元素之前就已经存在与dom中，否则，你点击第一次是将元素加载到dom中，点击第二次才能触发绑定的事件。
jq中的append()和after()区别
两者都能添加新元素 1 使用append() <p> <span class="s1">s1</span> </p> <script> $("p").append('<span class="s2">s2</span>'); </script> 结果是这样的: <p> <span c...
网易课堂 – 前端开发视频教程
https://study.163.com/category/480000003120007?_trace_c_p_k2_=fe52b7c8bea1427ebc94b6c03c78bef0
后盾网JQuery实战视频教程
https://www.php.cn/code/14371.html
Swiper(前端交互开发库非常简单)在电脑端的实际应用
https://www.swiper.com.cn/demo/web/index.html