今天做一个简单的小例子，和大家分享一下。
鼠标经过文本框响应效果
代码很简单，原理是用CSS设置input边框为无，然后在为DIV设置一个背景作为文本框边框，为DIV设置鼠标经过（onmouseover）和鼠标离开（onmouseout）两个状态。当鼠标经过时更改div背景实现文本框鼠标经过响应效果。
图为，初始状态和鼠标经过时的...
微笑的狼’blog
视觉设计、互交设计、用户体验、摄影，分享！
2007年12月13日
CSS实现自定义文本框样式和鼠标经过文本框响应效果
CSS的强大大家想必也都领教过了。用CSS可以做出很多很酷很人性化的设计。
今天做一个简单的小例子，和大家分享一下。
鼠标经过文本框响应效果
代码很简单，原理是用CSS设置input边框为无，然后在为DIV设置一个背景作为文本框边框，为DIV设置鼠标经过（onmouseover）和鼠标离开（onmouseout）两个状态。当鼠标经过时更改div背景实现文本框鼠标经过响应效果。
图为，初始状态和鼠标经过时的...
今天做一个简单的小例子，和大家分享一下。
鼠标经过文本框响应效果
代码很简单，原理是用CSS设置input边框为无，然后在为DIV设置一个背景作为文本框边框，为DIV设置鼠标经过（onmouseover）和鼠标离开（onmouseout）两个状态。当鼠标经过时更改div背景实现文本框鼠标经过响应效果。
图为，初始状态和鼠标经过时的...
Tags: CSS DIV 鼠标经过效果
发布:微笑的狼 | 分类:DIV+CSS | 评论:1 | 引用:0 | 浏览:
文章归档
- 2010 August (1)
- 2010 March (1)
- 2009 December (3)
- 2009 September (7)
- 2009 August (2)
- 2009 July (1)
- 2009 June (4)
- 2009 April (5)
- 2008 November (1)
- 2008 October (1)
- 2008 September (2)
- 2008 August (2)
- 2008 July (1)
- 2008 May (1)
- 2008 April (1)
- 2008 March (2)
- 2008 January (1)
- 2007 December (4)
- 2007 November (6)
- 2007 October (2)
- 2007 September (1)
- 2007 August (2)
Tags
- 摄影 (3)
- 设计 (2)
- 摄影基础 (2)
- 网页设计 (2)
- 摄影技巧 (2)
- 可爱 (1)
- 3D (1)
- 北京 (1)
- 故宫 (1)
- 故宫照片 (1)
- 故宫图片 (1)
- 生活 (1)
- 改变 (1)
- 时尚 (1)
- 发型 (1)
- ING (1)
- ING中国首页 (1)
- 生肖和年份之间的推理公式 (1)
- 国外设计 (1)
- 机器人 (1)
- 80后 (1)
- 买房 (1)
- 房奴 (1)
- 右键新建 (1)
- WORD (1)
- EXCEL (1)
- 解决办法 (1)
- ISOISO知识与运用 (1)
- 光圈 (1)
- 景深 (1)
- CSS (1)
- DIV (1)
- 鼠标经过效果 (1)
- windows (1)
- XP (1)
- 正版验证破解方法 (1)
- 东北话 (1)
- 济南 (1)
- 济南三大名胜 (1)
- 大明湖 (1)
- 大明湖照片 (1)
- 北京 桃花 (1)
- 美女 (1)
- 人像摄影 (1)
- 十三陵 (1)
- 网络电视 (1)
- cmd (1)
- cmd命令 (1)
- 年龄计算 (1)
- 网页作品 (1)
