dasdsasd

06 2012 档案

关于盒模型的一个CSS3样式
摘要：今天逛博客的时候发现一属性box-sizing查阅文档发现 用在使用padding的标签里面特别好使大家都知道 使用padding后 元素的宽高也会对应的增加所以写了padding后 要减掉对应的宽高 这样就要计算 显得比较麻烦。这时候box-sizing 就有用啦 加上它以后 就不用取计宽高啦对应语法box-sizing：content-box|border-box|inherit参数取值content-box:此值维持css2.1盒模型的组成模式，border|padding|content {element width=border+padding+content}border-box: 阅读全文
posted @ 2012-06-29 17:01 小A的博客 阅读(214) 评论(0) 推荐(0)
关于手机端触摸样式
摘要：在做手机端的时候 我们也会使用hover 状态 来切换样式但是 手机端的hover状态类似于click或者是touchend就是当手指离开的时候才会触发hover 这样用户体验上不太好我们希望当用户手指按下的时候就能触发某个状态。即touchstart的时候就切换样式。 但是CSS里面没有touchstart这种写法所以有时候会自己定义某个class 然后用js绑定touchstart 这里我发现了一种新方法在css里面有active 这个 就是鼠标按下的效果 在手机端也是支持的。所以 我们书写的时候 就可以写上 :hover{} :actice{} 这2种 就实现了touchstart 和t 阅读全文
posted @ 2012-06-16 15:08 小A的博客 阅读(653) 评论(1) 推荐(0)
使用CSS3书写多背景时注意的问题
摘要：在CSS3中 我们可以添加多背景 就是多重背景叠加的效果 常用在背景 按钮 等图片上面 比如按钮上面的某个小图片不同 但是按钮整个背景是一样的例(ps：例子可能不太好,因为小图片插入进去也可以，不一定非要用多背景。这里我们只介绍多背景写法，就不管那么多了)多背景要注意的是写法问题 位于最前面的图片要写在第一层例子 假如图片是ico.png 按钮背景是bg.png写法一（错误）:.btn1{ width:77px; height:33px; background:url(themes/img/bg.jpg) no-repeat,url(themes/img/ico.png) no-repeat; 阅读全文
posted @ 2012-06-15 14:48 小A的博客 阅读(453) 评论(0) 推荐(0)
封装事件的添加和移除状态
摘要：类似与click事件 对于同一个dom我们只能添加一个事件 后面定义的会覆盖前面的事件<div id="clickEvent">点击事件</div><script>clickEvent.onclick = function(){alert("1")}clickEvent.onclick = function(){alert("2")}</script>上面这段代码运行会只会弹出来2这里就需要用到attachEvent和addEventListener来添加事件 对应的还有移除事件代码如下 阅读全文
posted @ 2012-06-15 14:10 小A的博客 阅读(271) 评论(0) 推荐(0)
这样阻止事件冒泡
摘要：做项目时 有时候会遇到如下需求1 点击某个元素 下面隐藏的元素就出现2 点击除这个元素外任何一个地方 这个元素都隐藏掉3再次点击时再展开 如此反复编写是代码如下<code><!doctype html><html> <head>冒泡测试</head> <body> <div id="checkthis" style="wIDth:100px; height:100px; background:#555"> <span id="clickthis" 阅读全文
posted @ 2012-06-13 18:02 小A的博客 阅读(216) 评论(0) 推荐(0)
使用HTML5语言识别 原来如此简单（转）
摘要：一直对于语音识别这个功能感到很神奇。。看到淘宝也有此功能。。当然QQ也有。。不过QQ的识别率太低 ps:也有可能我普通话不标准前几天在逛博客时 发现了使用HTML5语言识别 居然只要一行代码<input x-webkit-speech />看博主的介绍 只有chrome11+的版本才支持 博主地址http://www.zhangxinxu.com/wordpress/2012/05/html5-speech-x-webkit-grammar/给大家分享下。。 阅读全文
posted @ 2012-06-01 16:58 小A的博客 阅读(246) 评论(0) 推荐(0)
类似于资料修改并且保存的操作
摘要：前几天遇到有人问想做一个修改和保存资料的效果 于是想了想 研究了下想到了三种实现方式 当然用户体验有待研究。。由于刚开始写博客 语言组织和代码都比较差 欢迎大家指正1、类似于QQ的资料修改(本来就是input输入框先隐藏边框 鼠标移动上去出现边框 得到焦点时 可以编辑 失去焦点时保存)如下图 这个就不说啦 太简单了代码如下<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head&g 阅读全文
posted @ 2012-06-01 14:28 小A的博客 阅读(194) 评论(0) 推荐(0)