10 2016 档案
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> *{margin:0;padding:0;} #reg{width:30%;margin:20px auto;}
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> </style> <script src="jquery-1.7.2.min.js"></script> <scr
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> var wait_load = $('.wait_load'); wait_load.opacity(0); $
阅读全文
摘要：预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览网站内容时获得更好的用户体验。示例代码：function loadImage(url, callback) { var img = new
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>浮动的瀑布流（案例：蘑菇街）.html</title> <style> *{margin:0;padding:0;} ul,li{list-style: no
阅读全文
摘要：一、DOM就是html文档结构，它是为了能让js操作html元素而制定的一个规范。操作方法有创建节点、复制节点、 删除节点、修改属性等。 二、DOM描绘了一个层次化的节点树，我们可以通过操作这些节点来改变document 三、节点的种类：<div><span>你好！</span></div> 1、元
阅读全文
摘要：1、执行时间： window.onload要等到页面所有元素加载完毕才执行，包括（图片、flash等） $(document).ready()在DOM结构绘制完毕后就执行，不必等到加载完毕。 2、执行个数： 如果有多个window.onload，只会执行最后一个 如果有多个$(document).r
阅读全文
摘要：CSS：需要加上宽度(width:100px)、超出隐藏（overflow:hidden;）、强制在同一行显示（white-space: nowrap;）、省略号（text-overflow:ellipsis;）
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> *{margin:0;padding:0;} .sort{width:50%;margin:20px auto;o
阅读全文
摘要：json是js里的一种数据格式。var obj={a:15,b:8,c:12} json数组对象 var arr=[15,8,12]; 数组alert(obj.a); 15alert(obj['a']); 15alert(arr[0]); 15 for(var i=0;i<arr.length;i+
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>表单验证.html</title> <style> label{display:inline-block;width:65px;text-align: rig
阅读全文
摘要：http://www.jb51.net/article/74958.htm 一、当元素失去焦点时发生blur 事件。 实例：jQuery blur() 方法添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件： ? 1 2 3 $("input").blur(funct
阅读全文
摘要：HTML元素的ID和Name属性的区别一直认为ID和NAME是一样的，两个又可以一起出现，甚是疑惑。今天BAIDU了一下，才发现里面大有文章。发出来研究研究：最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 显然这个ID和
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>弹窗 遮罩.html</title> <style> *{margin:0;padding:0} body{height:2000px;} h3{font-s
阅读全文
摘要：window.onload=function (){ var oDiv=document.getElementById('div1'); var disX=0; var disY=0; oDiv.onmousedown=function (ev) { var oEvent=ev||event; di
阅读全文
摘要：window.onload=function(){ var oDemo=document.getElementById("demo"); var odemo1=document.getElementById("demo1"); var aDl=odemo1.getElementsByTagName(
阅读全文
摘要：<html><head><title>日期</title><script>function toChinese(day){ switch(day){ case 0: return "日"; case 1: return "一"; case 2: return "二"; case 3: return
阅读全文
摘要：http://www.cnblogs.com/pingchuanxin/p/5773326.html Object（对象）是在所有的编程语言中都十分重要的一个概念，对于事物我们可以把他们看作是一个对象，而每一个事物都有自己的表示的属性和对于某一信息作出的相应的操作。而这些东西就变成了事物的属性和方法
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>arr.sort()方法</title> <style> </style> <script src="jquery-1.9.1.js"></script> <
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>删除</title> <style> </style> <script src="jquery-1.9.1.js"></script> <script> $(
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>评分</title> <style> *{margin:0;padding:0;} ul,li{list-style:none;} ul{width:135p
阅读全文
摘要：</script><!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>延时提示框</title> <style>#div1{width:300px;height:30px;background:red;}#di
阅读全文
摘要：<script> $(function(){ $("#btn").click(function(){ var a=parseInt($("#txt1").val()); var b=parseInt($("#txt2").val()); var num=a+b; if(isNaN(num)){ al
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>自定义右键菜单</title> <style> *{margin:0;padding:0;} ul{display:none;list-style:none;
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>ctrl+enter提交留言</title> <style></style> <script src="jquery-1.9.1.js"></script>
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>键盘控制div移动</title> <style> div{width:100px;height:100px;background:red;position:
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>弹出菜单，阻止冒泡</title> <style> </style> <script src="jquery-1.9.1.js"></script> <scr
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>图片向上切换</title> <style> .up{width:100%;height:120px;margin:200px auto 20px auto;
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>返回顶部</title> <style> body{height:2000px;} .back{position:fixed;bottom:100px;rig
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>a++</title> <style> </style> <script src="jquery-1.9.1.js"></script> <script> v
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>图片自动播放</title> <style> #pic{width:120px;height:50px;border:1px solid #ccc;margi
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>选项卡切换</title> <style> .sec{border:1px solid #000;width:100px;height:100px;displ
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>jquery实现全选、反选、不选</title><script src="jquery-1.9.1.js"></script><script>function c
阅读全文
摘要：一、如果是已经声明存在的变量或者对象，就不用加引号。 比如var name=document.getElementById("name"); $(name)或者$(this)。 二、document、this、window 这些都是系统对象 可以直接使用， 所以不用加引号。 三、加引号的一般是元素标
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>baidubaike.html</title> <style> #weather{width:60%;border:1px solid #333;margin
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>getCity.html</title> <script src="jquery.js"></script> <script> //当点击不同的城市，就请求到
阅读全文
摘要：在用springmvc架构开发网站的过程中，离不开开发前台html页面，html经常需要使用本地相关的资源，如：图片，js，css等，一般情况下，我们可以通过使用相对路径的方式来对这些资源进行指向和访问，如： 如上图的代码，可以用浏览器直接打开此处的代码，banner-graphic.png图片也能
阅读全文
摘要：$(function(){ $(window).scroll(function(){ if($(window).scrollTop()>100){ $("#back-to-top").fadeIn(1000); } else{ $("#back-to-top").fadeOut(1000); } }
阅读全文
摘要：方法一、原生js，这种方法效果比较好 html，设置最外围的div宽高为一次要展示的图片的总宽高，设置相对定位；内层div宽度为外层div宽度的2倍，高度与外层div一样，设置绝对定位。 window.onload=function(){ var oDemo=document.getElementB
阅读全文
摘要：一、新建文件：预设-自定；宽度1920，单位像素，高度自定义；分辨率：72像素/英寸；颜色模式：RGB，8位；背景色：透明；可存储预设，下次新建的时候，直接在预设中，选择那个名称，点确定。视图：显示-智能参考线勾上；标尺勾上，快捷键ctrl+r；窗口：库、颜色、通道、路径、属性、段落都关闭；信息。字
阅读全文
摘要：一、测试工具：1.Chrome 2.Opera Mobile二、分辨率：一般现代手机最小320px，最大640px。三、全屏流体设计： 1.腾讯新闻：http://xw.qq.com/ 2.途牛旅游：http://m.tuniu.com/ 固屏类流体设计 1.京东商城：http://m.jd.com
阅读全文
摘要：摘自http://www.cnblogs.com/shxydx/articles/2856882.html 控制显示区域各种属性： <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
阅读全文
摘要：一、HTML 代码中的所有连续的空格或空行（换行）都会被显示为一个空格，不管是内容还是标签之间。 二、当我们想让它们在同一行连续显示时，就让所有的代码之间没有空格，也不要换行。 三、当我们想要显示连续空格时，可以使用以下方法： 1、使用<pre> <pre> 这是预格式文本，它保留了 空格 和空行。
阅读全文
摘要：块级元素 h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见 内联元素 a,b,br,em,i,img,input,strong,textarea,span,label等常见 内联元素的padding、marg
阅读全文
摘要：元素位置重叠的背景常识 (x)html文档中的元素默认处于普通流（normal flow）中，也就是说其顺序由元素在文档中的先后位置决定，此时一般不会产生重叠（但指定负边距可能产生重叠）。当我们用css为某个元素指定float浮动或者position定位后，元素的定位将会依情况发生如下改变： 1.
阅读全文
摘要：http://blog.csdn.net/swallowliyan/article/details/50803469
阅读全文
摘要：embed object以及video标签的区别以及使用？
阅读全文
摘要：一、img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。 行内非替换元素，例如, height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和ma
阅读全文
摘要：.clearfix {*zoom:1;_height:1px} 这个是hack写法，用来识别不同版本的IE浏览器。*后面的属性 IE6 IE7能识别，IE8 IE9……都不能识别；"_"后面的属性，只有IE6能识别，其他版本（IE7 8 9 更高级别）都不能识别. http://www.jb51.n
阅读全文
摘要：一、自适应两栏布局 <!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>自适应两栏布局</title> <style> body { width: 300px; position: relative; } .a
阅读全文
摘要：一、CSS中zoom:1的作用在做IE6、IE7、IE8浏览器兼容的时候，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：1、触发IE浏览器的haslayout2、解决IE下的浮动，margin重叠等一些问题。 二、z-index:auto|number; ◆auto遵从其父对象的定位
阅读全文
摘要：CSS 定位机制 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。 块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。 行内框在一行中水平布置。可以使用水
阅读全文
摘要：前言 在新闻列表中，有标题和日期，然后分别对齐，这种应用场景非常广泛。而在前端实践中，其也有很多中布局方式。很多前端新手在入门时，可能会稍微有点迷茫。 今天我列举几个常用的布局方法，便于新手学习。 这里只是为了实现功能效果，所以不额外添加美化类的样式。只列出核心参数，详细使用时，请根据自己的情况灵活
阅读全文
摘要：一、BFC是什么？ 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的
阅读全文
摘要：摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？ 一、抛一块问题砖（display： block）先看现象： 这里我没有给最外层的DIV.outer 设置高度，但是我们知道如果它里面的元素不浮动的话，那么这个外层的高是会自动被撑开的。但是当内层元素浮动后，就出现了以下
阅读全文
摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前
阅读全文
浙公网安备 33010602011771号