JavaScript - 随笔分类(第3页) - 赵小磊

HTML5语音输入 x-webkit-speech

摘要：惜的是只有webkit核心的浏览器才能使用。用法很简单只需要在input添加属性x-webkit-speech即可，例子如下：这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示大图这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。语音输入其他属性：lang这玩意可以强制输入框里面的语音的语言种类，例如语音事件目前已知的只有onwebkitspeechchange，顾名思义，就是语音发生变化时触发的事件，一般可以作为提交这样说完以后就自动搜索了 x-webkit-grammar这个不是语音搜索用的属性，但是可以控制这个输入的语法，例如在做搜索框的话就可以用使得语音输入的阅读全文

posted @ 2013-09-08 21:03 赵小磊阅读(726) 评论(0) 推荐(0)

insertAdjacentHTML方法示例

摘要：添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。insertAdjacentHTML方法：在指定的地方插入html标签语句原型：insertAdajcentHTML(swhere,stext)参数：swhere: 指定插入html标签语句的地方，有四种值可用：1. beforeBegin: 插入到标签开始前2. afterBegin:插入到标签开始标记之后3. beforeEnd:插入到标签结束标记前4. af 阅读全文

posted @ 2013-09-05 13:58 赵小磊阅读(374) 评论(0) 推荐(0)

css背景色半透明的最佳实践

摘要：之前项目中遇到纯色的半透明背景，都是这么干：这里是内容但是，最近项目中，遇到高度不是固定的，这种方法就不行了。我也想过用Png24图片实现半透明效果，但是要用到图片，而且还有狗日的ie6兼容问题，虽然也可以解决，但是麻烦。那有木有更好的方法呢？？答案是肯定的，不然我写这篇文章干嘛。就不告诉你这里是内容。我们得到的效果是这样的，IE9 的透明度竟然有 60%!! 这显然不是我们想法的。原因是：IE9 也支持 filter，使得 filter 的结果和 background-color 叠加，所以是 60%。解决方法必须有的：.box{filter:progid:DXIma... 阅读全文

posted @ 2013-08-29 23:50 赵小磊阅读(1398) 评论(0) 推荐(0)

js限制输入框字数

摘要：0/6无标题文档0/6 阅读全文

posted @ 2013-08-27 11:21 赵小磊阅读(351) 评论(0) 推荐(0)

js实现在光标的位置添加内容

摘要：原生js的方法：无标题文档例子例子例子例子例子 sljfldjfldf 无标题文档了在IE、Firefox、Opera等主流浏览器的获取光标位置（getCursortPosition）以及设置光标位置（setCursorPosition）的函数。光标控制器这里是文本框这里是一个可编辑层 jQuery的方法：jQuery 在光标定位的地方插入文字的插件点击我创作、游戏开发、运营管理等领域的精英人才，并拥有国内多家教育... 阅读全文

posted @ 2013-08-06 22:13 赵小磊阅读(11982) 评论(1) 推荐(1)

js实现选中文字分享功能

摘要：分享 CSS布局的未来大家都知道，css有着奇妙的特性，然而让人失望的是，css对基本页面布局上的支持有所欠缺。但是这种情况正在得到改变，更多的动态页面正是由css所支持的，正如peter gasston所说的。在这里，我能够保证在数年之后，css3必定能够引领潮流。一揽子的前端工具正在应运而生，方便为我们带来rounded corners圆角，gradients渐变，opacity透明度，transformations，transitions，animations，甚至更多效果。但是现在我们都有了fun stuff，eye candy，还有需要什么呢？下一个我们... 阅读全文

posted @ 2013-07-27 22:48 赵小磊阅读(1217) 评论(0) 推荐(0)

运动框架实现淡入淡出的焦点图

摘要：无标题文档 123456789789 1 2 3 4444 阅读全文

posted @ 2013-07-17 17:43 赵小磊阅读(162) 评论(0) 推荐(0)

摘要：腾讯系列（13）1.MacQQ的项目团队IBlog2.财付通设计中心 UID3.QQ邮箱博客4.QQ客户端团队博客5.腾讯用户研究与体验设计中心 CDC6.腾讯Web前端 Alloy 团队 Blog7.腾讯微信博客8.腾讯游戏官方设计团队TGideas9.QQ游戏设计中心GDC10.腾讯移动互联网设计团队MXD11.腾讯电商用户设计体验部ECD12.腾讯社交用户体验设计部ISUX13.腾讯大讲堂阿里系列（18）1.阿里巴巴中国站用户体验设计部UED2.淘宝网UED官方博客3.支付宝用户体验部UED4.支付宝官方博客5.阿里巴巴国际站UED团队6.淘宝良无限（无名良品)用户体验团队博客UED7. 阅读全文

posted @ 2013-07-16 10:37 赵小磊阅读(235) 评论(0) 推荐(0)

瀑布流布局及扩展——格子块的智能堆砌

摘要：图片分享网站Pinterest（beta），在不久前获得了2700$的投资，估值已超2亿元（据说现该公司团队有8人）。该网站的一大特色就是每一张分享的图片被拟作“Pin”被钉在页面上面，每一Pin依尺寸智能排列，同时滚动页面时异步加载新Pin，极具效果。这种创新模式被在国内也被广泛copy，其中最有前途的当属Mark之，以”Mark”代”Pin”,也算有些想法。以下是利用豆瓣API数据做的效果：完整效果部分代码：等宽格子堆砌这种布局中虽然每个Pin的高度不尽相同，但是他们的宽度都是一样的。那么假如，很邪恶的提出一个要求，宽度也不尽相同，只是说宽高都按比例成倍增加，那还怎么排列呢？呵呵，如下：宽阅读全文

posted @ 2013-07-10 14:08 赵小磊阅读(567) 评论(0) 推荐(0)

js实现滑动的弹性导航

摘要：js实现滑动的弹性导航首页前端规范社区微笔记教程网页制作设计动态技术文档瀑布流移动页面阅读全文

posted @ 2013-07-08 16:54 赵小磊阅读(529) 评论(0) 推荐(0)

原生js实现瀑布流

摘要：前端开瀑布流效果—lvhui.org 全部连衣裙夏装雪纺东大门半身裙短裙长裙衬衫 T恤韩版帮我挑 9块9也能穿 50元美衣裤子打底裤内衣混搭印花牛仔比基尼蕾丝八卦穿搭印花 ... 阅读全文

posted @ 2013-07-08 14:50 赵小磊阅读(240) 评论(0) 推荐(0)

利用运动框架实现左右焦点图

摘要：焦点图阅读全文

posted @ 2013-06-26 23:52 赵小磊阅读(262) 评论(0) 推荐(0)

js中cookie的添加、取值、删除

摘要：function setCookie(name,value,time){ var oDate = new Date(); oDate.setDate(oDate.getDate()+time); document.cookie = name+"="+value+";expires="+oDate;}function getCookie(name){ var arr = document.cookie.split("; "); for(var i=0; i<arr.length; i++){ var arr2 = arr[i].s 阅读全文

posted @ 2013-06-21 17:55 赵小磊阅读(197) 评论(0) 推荐(0)

转：Javacript同样的意思，更巧的写法

摘要：今天来介绍一下javascript不一样的写法，很简单哦。1、当条件成立时执行a方法，当条件失败是执行b方法通常我们会这样写：var result;if(isOk){ result=funA();}else{ result=funB();}还可以这样表达： var result=isOk? funA():funB()2、当条件成立执某个方法通常方式： if(isOk){ doSomething(); }我更喜欢这样写：isOk&&doSomething();如果一个变量没定义或没有值则给它一默认值str=str||"ok";arr=arr||[];上面的方式阅读全文

posted @ 2013-06-09 02:20 赵小磊阅读(212) 评论(0) 推荐(0)

JavaScript登陆弹窗，可拖拽

摘要：JavaScript登陆弹窗，可拖拽用户登录账户：密码：阅读全文

posted @ 2013-06-04 01:36 赵小磊阅读(883) 评论(0) 推荐(0)

jquery $(document).ready() 与window.onload的区别

摘要：Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执行3.简化写法window.onload没有简化写法$(docu 阅读全文

posted @ 2013-05-27 11:35 赵小磊阅读(266) 评论(0) 推荐(1)

Javascript 异步加载详解

摘要：本文总结一下浏览器在 javascript 的加载方式。关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式：<script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。js之所以要同步执行，是阅读全文

posted @ 2013-05-15 02:21 赵小磊阅读(171) 评论(0) 推荐(0)

JS、jQuery实现默认显示部分文字，点击按钮显示全部

摘要：<!doctype html><html><head><meta charset="utf-8"><title>JS实现默认显示部分文字，点击按钮显示全部</title></head><body><div id="box"> <h2>民间机构提前3天预报大理地震地震局称违法</h2> <p>17日大理州5.0级地震发生之后，在微博上一条曾在3天前就预测大理将发生5.0级地震的微博受到了很多网友的关注。</ 阅读全文

posted @ 2013-04-19 10:44 赵小磊阅读(1229) 评论(0) 推荐(0)

js全选反选的复选框

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>控制复选框的全选与反选</title><style> .wh 阅读全文

posted @ 2013-04-15 11:36 赵小磊阅读(169) 评论(0) 推荐(0)

自动轮播Tab选项卡

摘要：<!DOCTYPE html><html><head><meta charset="gb2312" /><title>无标题文档</title><style>body,ul,li{margin:0; padding:0; font:12px/1.5 arial;}ul,li{list-style:none;}.wrap{width:500px; margin:20px auto;}.hide{display:none;}#tab_t{height:25px;border-bottom:1px 阅读全文

posted @ 2013-01-19 16:56 赵小磊阅读(375) 评论(0) 推荐(0)

随笔分类 - JavaScript

公告