技术研究-QQ2009版按钮渐显渐隐的由来
来源:互联网 发布:微信小程序demo源码 编辑:程序博客网 时间:2024/05/20 18:44
QQ2009改版后界面涣然一新,其最吸引人之处是各个按钮均做了平滑过渡,用户体验更加友好.
QQ按钮正常状态:
QQ按钮鼠标经过后:
由于背景的渐显渐隐,给用户一种舒适感。
这种技术最早见于OFFICE2007,例如07版OFFICE的工具面板,其背景也有这种效果
经过前
经过后
个人觉得按钮一般是采用样式控制,例如
HTML:
<button>取消</button>
CSS:
button {height:20px;background:url(a.gif) no-repeat;}
那么我们在切换按钮背景图时一般是改变obj.style.background.url来实现,那么如果能让这个切换后的图片在一定时间内缓缓显示和缓缓隐藏,这是难点。
有没有其他方式可以实现呢,我曾制作过一个GIF动画按钮,用了5帧来表现这个过程,但过渡仍不是那么平滑,我当然可以多做几帧,但不如用代码控制那么过渡自然。
我在这里抛砖引玉,希望各位高手能尝试下将这种技术引入到我们的设计当中,以改进用户体验。
- 技术研究-QQ2009版按钮渐显渐隐的由来
- 让你的文本链接渐隐渐显
- 图片循环渐显渐隐
- Unity3d UI渐隐渐显
- js实现图片渐隐渐显的切换效果
- java swing屏幕右下角出现渐隐渐显的提示框
- 如何实现先渐显再渐隐的动画?
- JavaScript让网页出现渐隐渐显的背景颜色
- C#中窗体渐显渐隐
- 渐显渐隐的图片轮换广告(摘自yahoo.com.cn)
- jQuery实现带缩略图的渐显渐隐图片幻灯切换效果
- 鼠标触发图片渐隐渐显效果HTC
- 用VC实现图象渐显和渐隐
- iPhone开发--渐隐渐显动画效果
- iPhone开发--渐隐渐显动画效果
- 淡隐淡现选项卡渐隐渐显tab标签
- JQuery:渐隐渐显图片轮换幻灯片
- SWT窗口居中、渐显与渐隐
- Visual Studio的一些视频
- 备考系统架构设计师
- jsp与sql2000的连接(odbc)
- js中不常见的浏览器兼容问题
- 程序员,应该掌握的英语词汇
- 技术研究-QQ2009版按钮渐显渐隐的由来
- 用VC++实现对游戏杆的编程
- 分享10个效果非常棒的Js的小型库
- MPLS
- 使用一次性密码解决方案更安全地验证身份
- 防止网站注入攻击
- 类似QQ窗体靠边隐藏原理
- NET 语言和模式的调查
- JQuery 中this 和 $(this) 的区别