此文有部分错误,请前往:javascript:与获取鼠标位置有关的属性

首先说明一下以上对象都是指javascript中的,不包含其他语言。

pageX/pageY:

鼠标相对于整个页面的X/Y坐标。注意,整个页面的意思就是你整个网页的全部,比如说网页很宽很长,宽2000px,高3000px,那pageX,pageY的最大值就是它们了。

特别说明:IE不支持

offsetX/offsetY:

得出的结果跟pageX/pageY一样,既然如此,它有什么存在价值?因为:

特别说明:只有IE支持!相当于IE下的pageX,pageY.

screenX/screenY:

顾名思义,就是鼠标在屏幕上的坐标。screenX,screenY的最大值不会超过你的屏幕分辨率。继续阅读

在上一篇文章中,我写了一些用border-bottom代替text-decoration实现下划线的几点值得注意的地方,这篇文章算是补充和纠错。但有的朋友留言表示连怎么加上text-decoration或border都不懂,也许这就是隔行如隔山吧,术业有专攻,不能强求。其实非常简单,所以我顺带在这里提一下如何加上text-decoration或border,高手就跳过这段吧。

.bb{border-bottom:1px solid #f00;}/*加上1px颜色为红色(#f00)的下边框*/
.td{text-decoration:underline;}/*直接加上下划线*/

当然,这段代码必须写入中<style type=”text/css”></style>,然后在你需要的地方引用相应的CSS样式就可以了。

在上一篇文章的留言中,疾风提到如果容器中的文字太多换了行,会不会出问题,这的确会出问题,感谢疾风的提醒。下面是一些不同情况下的示例代码。

先是文字不换行时的border-bottom:

继续阅读

记得我有一次看到某网站上的超链接下划线颜色居然和文字颜色不一样,更有甚者,下划线居然是虚线,当时我觉得好神奇。一看源码才发觉其实很简单,只是用border-bottom代替text-decoration而已。说到这里,相信不用我说大家也知道怎么实现的了。

有的人不太明白为什么要用border-bottom代替text-decoration,或者说是不明白这样的好处,我就以我的经验来讲讲吧。关于text-decoration的一些注意事项,可以点这里。

border-bottom的好处在于,它可以设置线与文字不一样的颜色,可以自由设置划线的粗细,还可以自由设置下划线与文字间的距离,甚至变实线为虚线或点线形态。而这些,text-decoration都做不到。border-bottom比text-decoration强大灵活得多。

但使用它时,也要注意到几点,不然你会后悔的:

1,border-bottom会额外增加行高

为元素加上border-bottom后,会在元素的line-height基础上再增加一段高度,就是你border的宽度(浏览器间有差异)。解决办法就是定死元素的height。继续阅读

前段时间千辛万苦得了一个腾讯微博的邀请码,真纠结…登进去后发现并没什么什么出彩的地方,所以说人就是犯贱,得不到的东西就觉得像仙女一样,一旦得到了爽过了,就觉得它像妓女一样…..

由于出于某种邪恶的目的,今天早上我决定要增加我的微博听众了。之前我的听众就只有给我邀请码那小子,但前天他取消了对我的收听…汗。

增加自己听众很简单,大量快速地增加——就是刷了,就难了。在开始前我们要明确基本思路,就是刷听众的方法。方法就是你大量地收听别人,一般就会有1/3到1/2的人也会收听你,这样,你的听众也就上来了。那么,如何快速大量地收听别人呢?

我做了几次尝试,终于发觉腾讯的险恶用心——想批量收听别人太不容易了。本来最基本的方法就是点导航里的“找人”了,但里面全是名人,没有草根,名人有个毛病就是你收听了他,眼巴巴地望着他他也不会理你,除了你也是名人。继续阅读

《UI Designer》是中国发行量和影响力最大的用户界面专业刊物,本期电子杂志(第3期)由UIRSS.comChinaUI.com视觉同盟iconfans四家设计媒体联合主办。

《UI Designer》第3期主要内容:
封面专题:让理想飞扬
讲述“中国用户体验设计精英汇”背后的故事
走进企业,走近UI
腾讯:ISD Webteam
淘宝:碳酸饮料会
eico design
设计秀场
专家专栏
产品经理与交互设计师的合作
设计过程中的可用性测试误区
用户体验,是集体的领域
视觉注意力——解剖设计的根源
教程:带泡泡的香皂图标
我看UI设计外包
小屏幕,挑战大世界
抱抱糖,亲子网络游戏社区出炉记
不仅仅是简单:浅谈Metro(Windows phone 7)
禅宗的风景


继续阅读

Chrome,谷歌浏览器是也。Google的产品,一直都以良好的用户体验著称于世。当然,如果用户体验不好的话,会对它造成很可观的损失….所以它必须好。

我在这里列举一些Chrome的对用户友好的实用小技巧,希望有更多的用户能够脱离IE(特别是IE6)的垄断,了解一下比较新潮的软件吧。

1,简洁明了


继续阅读

上一篇文章,我写了一些Chrome的优点,感觉把Chrome吹成了神。当然,神是不存在的,神都是人造的。其实Chrome最大的优点就是速度快,其余都可以无视。下面说说它的缺点。

1,兼容性不咋的。

跟Firefox一样,使用它是无法使用我国的网银及支付宝之类的。不止如此,据说Chrome遵守W3C标准更加严格,所以有时候会发现有的在Firefox下都不变形的页面在它里面却变了。这无论对网页设计者还是对用户,无疑都是一种痛苦。

2,进程数量多。

启动Chrome时,就会有两个chrome.exe的进程,以后每建一个标签页就会增加一个chrome.exe进程。每次看到一长串相同的进程,我都觉得头皮发麻。

据说,每个标签页都是独立进程是Chrome采取的安全举措,这是为了防止一个标签页崩溃导致浏览器全崩溃。但这招IE不是早就在用了吗?貌似并没有什么效果。

3,占用CPU资源最高。

不是高,是最高(这句话多么熟悉)。我在想,进程太多,也许是造成这个现象的主要原因之一。这一点,对于配置并不好的电脑来说无疑是个打击。继续阅读

由于工作的原因,我认识了很多也使用过很多浏览器,所以我想根本我的使用体验来谈一谈各自的优缺点。之所以第一个说Chrome,是因为这篇文章就是在Chrome下写的…

1,Chrome启动速度快(本来不想提这一点,都是被Firefox逼的),只要大概两秒左右。

根据我的经验,它的启动速度是最快的,比之Firefox就不用说了,比起IE来也要快不少。

2,浏览网页的速度最快

不是快,是最快,Chrome自诞生以来,几乎每次浏览器测试中,它的浏览速度都是最快,最差时也就是第二。

3,主题众多。

DIY,现在已经成为一种流行趋势,所以很多浏览器都推出了庞大的主题库,Chrome也不例外。去看看?

不过我觉得,主题是很多,但好看的主题并不多。继续阅读

也许大家都有个习惯,就是在网站上留言的时候不喜欢留名,哪怕自己说的话会名垂青史.也许这是因为大家害怕被跨省追捕吧,所以还是不留名的好.

名都不想留,如果还要留邮箱,这就更强人所难了.

使用wordpress朋友也许会背离这个习惯,因为留下邮箱可以显示出自己的头像,留下网站可以增进交流.但如果对一个只是上网来看点东西,一时兴起想有感而发的普通网友来说,在你的站上留言还得写邮箱,他会立马失去80%的热情.

所以我就想把评论表单的邮箱设为选填项.起初我想在WP后台寻找这个选项,结果果然找到了.在”设置–讨论–其他评论设置”中取消评论作者必须填写姓名和电子邮件前的勾选即可.

但这样一来,用户就连名称都可以不填了.这样除了不容易分辨身份外,更有可能就是出现N多垃圾评论——留言不留名,多么直接的垃圾评论入口啊。

于是得想个办法,让用户名必填但邮箱可选填。上网搜索了一下,发现只有改代码。所幸的是并不复杂。

要修改的文件是WP根目录下的wp-comments-post.php,在其中找到:继续阅读

昨天更新了一下谷歌浏览器,今天打开一个英文网站时,发现网页顶部出现了一个工具条.

Google翻译是它非常出名且实用的功能,很早之前Google工具条就带有网页翻译功能了.当Chrome问世的时候,很多人还奇怪Chrome居然不支持Google工具栏.其实有无工具栏对Chrome都差不多,因为Google工具栏的大部分功能它都有,装上了反而显得鸡肋.而现在Chrome又加入了自动网页翻译,可以说功能都全了.

不过,官方声明里也说了,这个翻译是”机器翻译”,并不能做到全部准确.比如说我上Godaddy主页时,点击翻译后,网站标题就变成了”域名,虚拟主机和SSL证书–爸爸去”..汗继续阅读