摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高斯模糊</title> <style> .blur { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz- 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css绘制三角形</title> <style> .triangle-up { width:0; height:0; border-left:30px solid 阅读全文
摘要:
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"> 阅读全文
摘要:
(function (doc, win) { var docEl = doc.documentElement, // orientationchange 当设备的方向变化(设备横向持或纵向)此事件被触发 //判断窗口有没有orientationchange这个方法,有就赋值给一个变量,没有就返回re 阅读全文
摘要:
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { $('#banner').attr('src','image/banner1.jpg') } else { $('#banner').attr('src', 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title></head><body> <span id="y"></span> 小时:<span id="h"></span> 分钟:<span id= 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>锚点</title> <style> *{padding:0;margin:0;} div { height: 800px; width: 400px; borde 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>让某数字按相应的位数显示,不够位数在数字前加0</title></head><body> <script> // 如果是个位数在数字前加0 function get 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击添加或减少数量,总价随之改变(keyup的用法)</title> <link rel="stylesheet" href="style.css"> <meta 阅读全文
摘要:
*{ -webkit-box-sizing:border-box; /* 设置盒模型为内减模式 */ -moz-box-sizing:border-box; box-sizing:border-box;}html{ font-family:"microsoft yahei",Helvetica,Ar 阅读全文