仿微软Office 迷你工具条(简易编辑器)

nick | html, jquery | 2010-05-27
仿微软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

nick | jquery, js | 2010-05-26
用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首页图片延迟加载的效果

nick | css, html, jquery, js | 2010-05-25
浅谈tudou.com首页图片延迟加载的效果
经常上tudou网,发现tudou首页加载图片的功能很有意思,tudou首页从”娱乐”这个板块往下的所有视频的缩略图并不是在页面打开后就加 载的,而是当用户拖动滚动条到了”娱乐”这个板块,才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容,则免去了下面所有图片的请求, 这对减少服务器的压力还是很有帮助的。 ... [阅读全文]
ė 6浅谈tudou.com首页图片延迟加载的效果已关闭评论 0, , , , ,

16 个JavaScript Web UI 库

nick | html5, jquery, js, web | 2010-05-19
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

nick | jquery, js, web, 学习 | 2010-05-17
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做的一个简单的折叠效果

nick | jquery, js | 2010-05-16
用jquery做的一个简单的折叠效果
今天看到了一个简单的折叠效果:http://www.sohtanaka.com/web-design/examples/accordion/ 不过个人认为这个demo还有一点瑕疵,就是当该项已经展示的时侯,再次点击该项,那么该项应该关闭;所以做了个简单的demo。 查看demo:http://www.css88.com/demo/accordion/ [阅读全文]

jQuery中的mouseenter和mouseleave事件

nick | jquery, js | 2010-05-16
今天做一个下拉菜单的时候碰到了一个bug,用mouseout的时候,鼠标还没移出拉菜单就自动关闭了, 看案例:http://www.css88.com/demo/mouseleave/2.html 经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件,这两个事件在手册中找不到,所以特地查阅了一番。 大家知道事件的冒泡特性,在上面的BUG中也正是因为这个冒泡特性,对于mouseover事... [阅读全文]
Ɣ回顶部