Js对Date对象操作详解 var year=date.getFullYear();var month=date.getMonth();var day=date.getDate();var hour=date.getHours();var min=date.getMinutes();var seconds=date.getSeconds();alert(year+"-"+month+"-"+day+":"+ho
SQLJoin连接详解 对于SQL的Join,在学习起来可能是比较乱的。我们知道,SQL的Join语法有很多inner的,有outer的,有left的,有时候,对于Select出来的结果集是什么样子有点不是很清楚。Coding Horror上有一篇文章(实在不清楚为什么Coding Horror也被墙)通过 文氏图 Venn diagrams解释了SQL的Join。我觉得清楚易懂,转过来。假设我们有两张表,Tab
CSS选择器详解一 css中包括:元素选择器、通用(*)选择器、类(class)选择器、id选择器、属性选择器、后代选择权、子元素选择器、相邻兄弟元素选择器、兄弟元素选择器等,如下例:div {border:1px solid red;position:relative;padding:5px;margin:5px}/*元素选择器 */div *{border:1px solid red;po
页面渲染与其性能的提升 怎样尽可能的缩短浏览器上页面渲染的时间,文章从以下几方面着手:写出高效的css代码 避免使用css表达式 把css文件放在页面顶部 指定页面图片的尺寸 页面头部标明文档编码 一,写出高效的css代码首先弄清浏览器解析html代码的过程:构建一个dom树,页面要显示的各元素都会创建到这个dom树当中。每当一个新元素加入到这个dom树当中,浏览器便会通过css引擎查遍css样式
HTML/CSS中table表格布局 省略超出列部分,设计到表格的列计算规则:table-layout,其值包括:automatic:为默认值,列的宽度由单元格里面的内容来设定。fixed:列宽度由表格宽度和列宽度来设定。inherit:列宽度从父元素继承而来。 table{width:400px;}
HTML/CSS中文本text属性详解 letter-spacing:控制字母之间的距离 word-spacing :控制文字间空格的距离 text-decoration :控制文本是否有下划线 text-transform :控制英文的大小text-align:控制文本的对齐方式 text-indent :控制文本首行的缩进white-space:控制文本与文档源代码的关系
CSS中边框border属性、border-raduis圆角与border-image详解 通过CSS3可以给创建边框圆角与边框图片:border-radius:25px 50px 50px 50px/50px 25px 50px 100px,后面的数字是设置圆角的大小,参数分别代表左上角、右上角、右下角、左下角,“/”之后表示垂直(Y轴)半径,没有则表示与水平半径一样。border-image:url(/i/border.png) 30 30 round;看下列
Js获取URL及参数方法 下面我们举例一个URL,然后获得它的各个组成部分。http://www.baidu.com/abc?id=100window.location.href可以获得整个URL字符串(在浏览器中就是完整的地址栏)。var test = window.location.href;alert(test);程序返回 http://www.baidu.com/abc?id=100wi
Js、JQuery常用事件参考 $(document).ready(function)将函数绑定到文档的就绪事件(当文档完成加载时)$(selector).click(function)触发或将函数绑定到被选元素的点击事件$(selector).dblclick(function)触发或将函数绑定到被选元素的双击事件$(selector).focus(fun
JQuery中添加/删除 1.添加方法:append() 表示在元素的结尾插入内容prepend()表示在元素的开头插入内容after()表示在元素之后插入内容before() 表示在元素之前插入内容addClass() 表示向元素添加一个或多个CSS样式类2.删除方法:remove() 表示删除元素及其子元素empty() 表示删除元素的子元素removeClass() 表示删除元素一
JQuery获取元素的值与属性 四个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置/返回所选元素的文本内容;html() - 设置/返回所选元素的内容(包括 HTML 标记);val() - 设置/返回表单字段的值;attr()- 设置/返回元素的属性值。返回返回例子:$(document).ready(function(){
JQury中设置元素滑动(slideUp/slideDown/slideToggle)方法 JQury中设置元素滑动的slide方法包括:slideDown(speed,callback)方法是让元素向下滑动;slideUp(speed,callback)方法是让元素向上滑动;slideToggle(speed,callback)方法是切换元素的滑动方向;其中 两个参数都是可选的,speed 是设置滑动效果的时长,它可以取以下值:"slow"、"fas
JQury中设置元素淡入淡出(fadeIn/fadeOut/fadeToggle/fadeTo)以及显示隐藏(show/hide)方法 JQuery中的四个Fading方法可以设置元素的淡入淡出,分别如下:fadeIn()用于淡入已经隐藏的元素$(selector).fadeIn(speed,callback);其中 speed 与callback都是可选的参数,前者规定效果的时长,它可以取以下值:slow、fast 或具体毫秒数。后者是 fading 完成后所执行的函数名称。fadeOut()fade
CSS设置渐变背景色 为了达到所有浏览器的兼容性,采用一下方式来设置背景色。 .test{ width:100%; height:300px; background: -ms-linear-gradient(top, #fff, #000);IE10background:-moz-linear-gradient(top,#fff,#000);火狐backgrou
JS中元素动画效果Transform属性 1、scale(x,y) 对元素进行缩放X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的。并以X为准。transform:scale(2,2.5); 2、scaleX() 元素只在X轴(水平方向)缩放元素。 默认值是1,基点一样在元素的中心位置。可以通过transform-origin来