Chinaunix首页 | 论坛 | 博客
  • 博客访问: 18093071
  • 博文数量: 5645
  • 博客积分: 9880
  • 博客等级: 中将
  • 技术积分: 68081
  • 用 户 组: 普通用户
  • 注册时间: 2008-04-28 13:35
文章分类

全部博文(5645)

文章存档

2008年(5645)

我的朋友

分类:

2008-04-28 14:19:49

下载本文示例代码


我认为多选列表具有完美的功能——只需按下Ctrl键,同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框:

选出你最喜爱的快餐:


上面那个列表框的代码如下:

Check your favorite fast food:


事实上,即使你在页面中添加了用法说明,仍然有用户不知道如何使用多选列表框。另外,给每个项目增加额外的标题确实会有帮助,但用一个普通的多选列表框能否达到那个目的,我还不能确定。

不过,我确实清楚知道,用一些CSS和一小段JavaScript,你就能生成一个更漂亮一点的多选列表框,并且还可以建立一个等同于普通多选列表框的URL。那样,你就不用修改处理列表框的后端代码——而只需要美化前端即可。

你首先从CSS开始,建立一个新多选列表框在其中滚动的小区域。我们还可以建立悬浮效果,当鼠标移动到一个项目上时,背景色就会改变,以突出当前选择。


我认为多选列表具有完美的功能——只需按下Ctrl键,同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框:

选出你最喜爱的快餐:


上面那个列表框的代码如下:

Check your favorite fast food:


事实上,即使你在页面中添加了用法说明,仍然有用户不知道如何使用多选列表框。另外,给每个项目增加额外的标题确实会有帮助,但用一个普通的多选列表框能否达到那个目的,我还不能确定。

不过,我确实清楚知道,用一些CSS和一小段JavaScript,你就能生成一个更漂亮一点的多选列表框,并且还可以建立一个等同于普通多选列表框的URL。那样,你就不用修改处理列表框的后端代码——而只需要美化前端即可。

你首先从CSS开始,建立一个新多选列表框在其中滚动的小区域。我们还可以建立悬浮效果,当鼠标移动到一个项目上时,背景色就会改变,以突出当前选择。

下载本文示例代码


用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框用Css制作一些漂亮的多选列表框
阅读(731) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~