星期三 阴 4~11℃
优化复选框操作(焦点扩大)
遇到的情况:一个 table,第一列是复选框,扩大复选框的焦点,可以让用户更容易选中复选框。
<style>
.check_label { cursor:pointer; position:absolute; width:46px; height:36px; margin:-6px 0 0 -13px; *margin-top:-8px } /* 可根据实际情况修改css */
</style>
<label class="check_label" for="test"></label>
<input type="checkbox" id="test" style="cursor:pointer" />
工行取款机的一个糟糕的交互设计
昨晚去工行取款,在选择金额的时候,我想取 200,但是选项里没有 200 的按钮,我就想输入 200,刚输入了一个 2,卡就被退出来了,提示我按键错误。
其实这个事我不是第一次遇到,只是因为习惯了,经常在建行 ATM 机上取款,是可以直接输入其他金额的,而工行则需要多点一下“其他金额”的按钮,转到另一个页面去输入。
工行不可以直接输入其他金额也就罢了,还直接就把卡给退出来了。结果我还要重新插入卡,输入密码,再进到取款界面。
按键错误的时候就提示用户“按键错误,请重新操作”,为什么要把卡吐出来?这和“安全”一点也不搭边吧。
生命时钟
今天在网上发现这个有趣的来自一位日本作者 flash 时钟:
MeYoung
- 优化列表复选框操作(扩大焦点);
- 处理转账功能。
发表评论