表格的UI交互模式指南
许多人都认同这样一个现象:表格虽然是用户界面设计中的一个重要部分,但是它们却经常会被忽视。表格应该显示让用户更易读,更易扫视,更易比较的结 构化数据,但在很多情况下,表格数据却显得模糊不清。这就是很多人不喜欢表格的原因。
用户的日常工作经常使用表格,但是谁会需要让他们崩溃的东西呢。要改变这样的现状,下面给出一些使表格易用的指南... [阅读全文]
仿微软Office 迷你工具条(简易编辑器)
前几天在网上看到一篇《Why and how to create Microsoft Office Minibar with jQuery and CSS3》,酷似 一个简易编辑器。
只要实现了获取文 本框(textarea)内的所选字符和光标位置索引值-selection实现这个效果其实还是蛮简单的。
由于原文代码太乱,所以重写一下这个效果;
demo:http://www.css88.com/demo/edit-box/
[阅读全文]
DivCSS实例教程:表单Select样式美化经典案例
DivCSS布局中表单的美化一直是CSSer头疼的问题,特别是Select样式的美化,更是头痛。今天52CSS.com向大家展示实例,希望对 大家的学习工作有所帮助。
效果如下图所示:
结构分析如下图:
DivCSS实例教程:表单 Select样式美化经典案例 演示地址
DivCSS 实例教程:表单Select样式美化经典案例 下载地址
[阅读全文]
浅谈tudou.com首页图片延迟加载的效果
经常上tudou网,发现tudou首页加载图片的功能很有意思,tudou首页从”娱乐”这个板块往下的所有视频的缩略图并不是在页面打开后就加 载的,而是当用户拖动滚动条到了”娱乐”这个板块,才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容,则免去了下面所有图片的请求, 这对减少服务器的压力还是很有帮助的。
... [阅读全文]
Firefox 的诡异的 iframe 缓存问题
firefox 会缓存 iframe 的内容。但是诡异的是对用动态页面输出的 js 生成的包含静态内容的 iframe 却可能会缓存不该缓存的东西。
test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
&... [阅读全文]
HTML表格组件 EJS TreeGrid
EJS TreeGrid是用纯JavaScript 编写的DHTML组件,它可以在HTML网页上显示和编辑表格,网格,树状视图或树型网格中的数据。
EJS TreeGrid是客户端组件,并能在客户端浏览器上运行。它适用于大多数标准的浏览器。并且不需要在客户端或服务器端进行任何的安装或其他组件便可运 行。在网页上使用TreeGrid时,不需要任何JavaScript代码。在任何服务器... [阅读全文]