<!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一样的东西, 认为会在一个时...