2012年1月17日
base_css
摘要： 将所有标签的margin和padding都为0*{margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}body{ background:#FFFFFF; color：#000000; font-size:12px; font-weight:normal; font-family:微软雅黑,宋体,Arial;}a:link{color: Black;text-decoration: none;}a:visited{color: Black;text-decoration: none;}. 阅读全文
posted @ 2012-01-17 16:09 前端咖 阅读(406) 评论(0) 推荐(0) 编辑
理解box-shadow
摘要： box-shadow：length length length lengthcolorlength：阴影水平偏移值length：阴影垂直偏移值length：阴影模糊值length：阴影边框color：阴影颜色说明：设置块阴影box-shadow:3px 3px 6px 0px#666效果如下图:box-shadow:-3px -3px 6px 0px#666效果如下图：box-shadow:0px 0px 12px 0px#666效果如下图：box-shadow: 0px 0px 10px 5px #666效果如下图： 阅读全文
posted @ 2012-01-17 13:47 前端咖 阅读(674) 评论(0) 推荐(0) 编辑
一步一步理解日历calendar（三）
摘要： 一步一步理解日历calendar(一)描述画出日历这张表格；一步一步理解日历calendar(二)增加了上一年、下一年、上一月、下一月的功能；一步一步理解日历calendar(三)采用了面向对象的方式表现出来功能介绍：1、上一年、下一年、上一月、下一月、今天，功能相对简单。2、当天日期着重显示。效果图如下： //判断是否为闰年 function isLeapYear(year) { if (0 == year % 400 || (0 == year % 4 && 0 != year % 100)) { return true; } else { return false; } 阅读全文
posted @ 2012-01-17 11:31 前端咖 阅读(668) 评论(0) 推荐(1) 编辑
2012年1月16日
理解border-radius
摘要： border-radius:由浮点数字和单位标识符组成的长度值。border-top-left-radius --- 左上border-top-right-radius --- 右上border-bottom-right-radius --- 右下border-bottom-left-radius --- 左下说明：第一个值是水平半径，如果为0则为直角圆形border-radius:50px; width:100px; height:100px; border:1px solid red;半圆border-radius: 100px 0px 0px 100px; height: 100px; 阅读全文
posted @ 2012-01-16 17:24 前端咖 阅读(700) 评论(0) 推荐(0) 编辑
一步一步理解日历calendar（二）
摘要： 新增功能： 1、增加了上一年，下一年，上个月，下个月，今天功能。 2、今天着重显示。效果如下图展示： // 根据给定的参数year、month，返回某年某月的天数 //例如： MaxDayOfDate(2012,1)结果：31 function MaxDayOfDate(year, month) { switch (month) { case 1: case 3: case 5: case 7: case 8: case 10: case 12: return 31; case 4: case 6: case 9: case 11: return 30; case 2: if (year % 阅读全文
posted @ 2012-01-16 15:57 前端咖 阅读(553) 评论(1) 推荐(0) 编辑
2012年1月13日
一步一步理解日历calendar（一）
摘要： 这里开始介绍一个史上最简单的日历，只显示当月，但是它是一个雏形，会一步一步完善，效果如下：（够简单，够帅气）实现方式如下：MaxDayOfDate作用是返回某月的最大天数GetDayOfWeek作用是当月的第一天是星期几 星期一：1，星期二：2，星期三：3，星期四：4，星期五：5，星期六：6星期日：7calendar作用是创造日历View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t 阅读全文
posted @ 2012-01-13 14:46 前端咖 阅读(809) 评论(0) 推荐(0) 编辑
一步一步理解Ajax（三）
摘要： Ajax一般应用于户表单数据的验证，局部更新，如分页等等Ajax的优点与缺点优点：1、异步处理功能，可以选择性提交数据；2、局部更新；3、较少服务器负担；4、更快的响应速度；5、减轻带宽压力。缺点：1、局部更新不支持后退功能和添加到收藏夹功能；2、搜索引擎不支持Ajax的抓取；3、跨平台性不好；4、并非所有浏览器都支持Ajax；5、浏览器对Ajax的支持程度不同。例子就不在一一给出了，一步一步理解Ajax前两篇文章主要是讲述理解Ajax的方法，本篇文章讲述了在什么情况下Ajax技术，Ajax结合html、css、xml、dom等等技术融合，才能体现出强大的功能和效果。。。 阅读全文
posted @ 2012-01-13 13:16 前端咖 阅读(306) 评论(0) 推荐(0) 编辑
2012年1月12日
一步一步理解Ajax（二）
摘要： ajax方法：通过 HTTP 请求加载远程数据get方法： 通过远程 HTTP GET 请求载入信息post方法：通过远程 HTTP POST 请求载入信息1、创建XMLHttpRequest对象function createXHR() { return window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");}2、将键值对转换成拼接串function params(data) { var a = []; for (var i in data) { a.pus 阅读全文
posted @ 2012-01-12 11:27 前端咖 阅读(573) 评论(0) 推荐(0) 编辑
2012年1月11日
一步一步理解Ajax（一）
摘要： Ajax是Asynchronous Javascript And XML的缩写。作用：通过Ajax可以使用Javascript语句来调用XMLHttpRequest对象，直接与服务器进行通讯，可以在不重载页面的情况下与服务器交换数据。1、创建XMLHttpRequest对象var xhr =new XMLHttpRequest()对于IE早期版本（IE7及以下版本）使用，new ActiveXObject("Microsoft.XMLHTTP")、new ActiveXObject("Msxml2.XMLHTTP")等方式创建对象2、XMLHttpReq 阅读全文
posted @ 2012-01-11 14:14 前端咖 阅读(589) 评论(1) 推荐(1) 编辑
2012年1月10日
一步一步理解拖拽Drag（五）
摘要： 拖拽三部曲： 1、this.dragInit.apply(this, arguments) 作用：初始化对象2、 function setOptions作用：设置对象的属性或方法3、与前面的相比好处是只要初始化一次。4、然后为函数对象设置属性即可。View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns 阅读全文
posted @ 2012-01-10 12:04 前端咖 阅读(577) 评论(0) 推荐(0) 编辑