仿微软Office 迷你工具条(简易编辑器)
前几天在网上看到一篇《Why and how to create Microsoft Office Minibar with jQuery and CSS3》,酷似 一个简易编辑器。
只要实现了获取文 本框(textarea)内的所选字符和光标位置索引值-selection实现这个效果其实还是蛮简单的。
由于原文代码太乱,所以重写一下这个效果;
demo:http://www.css88.com/demo/edit-box/
[阅读全文]
JQ插件:获取文本框(textarea)内的所选字符和光标位置索引值-selection
用javascript写 网页编辑器,获取textarea中的光标位置和选取的文本是一个非常常见的问题。今天用jQ封装了这么一个插件。
在Firefox,safari,chrome,opera的标准浏览器下获取这些textarea中的光标位置非常简单:
function Selection(obj)
var start =obj.selectionStart;
var end = obj.selectionEnd;
return {"start":start,"end":end}
}
这... [阅读全文]
浅谈tudou.com首页图片延迟加载的效果
经常上tudou网,发现tudou首页加载图片的功能很有意思,tudou首页从”娱乐”这个板块往下的所有视频的缩略图并不是在页面打开后就加 载的,而是当用户拖动滚动条到了”娱乐”这个板块,才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容,则免去了下面所有图片的请求, 这对减少服务器的压力还是很有帮助的。
... [阅读全文]
16 个JavaScript Web UI 库
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
1.LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套经严格测试并高度可扩展的 UI ... [阅读全文]
RequireJS 0.11 Released; Ready for jQuery
James Burke is moving quickly with his RequireJS library. He recently posted about the requirements that John Resig has for a script loader for jQuery:
script loading must be async
script loading should do as much in parallel as possible. This means in particular, that it should be possible to avoid dynamic nested dependency... [阅读全文]
用jquery做的一个简单的折叠效果
今天看到了一个简单的折叠效果:http://www.sohtanaka.com/web-design/examples/accordion/
不过个人认为这个demo还有一点瑕疵,就是当该项已经展示的时侯,再次点击该项,那么该项应该关闭;所以做了个简单的demo。
查看demo:http://www.css88.com/demo/accordion/
[阅读全文]
jQuery中的mouseenter和mouseleave事件
今天做一个下拉菜单的时候碰到了一个bug,用mouseout的时候,鼠标还没移出拉菜单就自动关闭了,
看案例:http://www.css88.com/demo/mouseleave/2.html
经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件,这两个事件在手册中找不到,所以特地查阅了一番。
大家知道事件的冒泡特性,在上面的BUG中也正是因为这个冒泡特性,对于mouseover事... [阅读全文]