<!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> <...
JAVASCRIPT
开源达人 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...
开源达人html + css + js 图片弹窗白话原理解析
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style type="text/css"> /* 弹窗大框css 请注意写法。 position: fixed...
开源达人白话版 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...
开源达人复习js写的一些案例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...
注意js原生innerHTML要这样写 innerHTML = ‘bbbb’; 很容易出错！
function myfun() { document.getElementById('nr').innerHTML = 'bbbb'; }
CSS+JS滚动图片功能代码案例详解。
<HTML> <HEAD> <TITLE>CSS+JS滚动图片功能代码</TITLE> <META http-equiv=Content-type content="text/html; charset=gb2312"> <STYLE type="text/css"> ...
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
全文参考：https://github.com/iuap-design/blog/issues/38 、MDN clientHeight，只读 clientHeight 可以用公式 CSS height + CSS padding - 水平滚动条的高度 (如果存在) 来计算。 如图，这样一个div，它...
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记 会一个其它的都会了。
<div style="width:200px;height:200px;background-color:#999999;overflow:auto;" id="外层元素"> <div style="width:100px;height:300px;background-color:#FFFF00;" id="内层元素"> ...