select发展史
作者:marvellous 时间:2014-07-28 01:30:16
本文旨在大家对select和模拟select有一个全面地了解,使此项技术能发挥出更高的水平。
最初的select的确很平淡,就是一个下拉选项列表:
运行代码框
[Ctrl+A 全部选择]
日久天长之后,人们对select要求高了,要修一修边幅:
运行代码框
[Ctrl+A 全部选择]
要加一些链接,变成菜单:
运行代码框
[Ctrl+A 全部选择 ]
运行代码框
[Ctrl+A 全部选择 ]
后来发展到其文字内容可以增、删、编、改,即可以编辑:
运行代码框
[Ctrl+A 全部选择 ]
可编辑的select:
运行代码框
[Ctrl+A 全部选择 ]
运行代码框
[Ctrl+A 全部选择]
为了让select里有更多的图片、css修饰及其他静、动态修饰效果,而select本身优先级别太高,其修饰效果很少且不能满足上述要求,遂涌现出很多模拟的select:
运行代码框
[Ctrl+A 全部选择 ]
运行代码框
[Ctrl+A 全部选择]
下面这两个已达到较高的水准(动态内容):
运行代码框
[Ctrl+A 全部选择 ]
运行代码框
[Ctrl+A 全部选择 ]
可以去掉下拉的小三角,但不可以无边框:
运行代码框
[Ctrl+A 全部选择 ]
鼠标移过来select自动下拉:
运行代码框
[Ctrl+A 全部选择 ]
标签:
0
投稿
猜你喜欢
深入理解JS中的substr和substring
2024-04-16 10:29:24
Microsoft Access 数据库常规规格
2007-09-27 19:28:00
css实现图片倒影效果
2007-11-05 18:29:00
JavaScript实现全选取消效果
2023-08-27 16:26:42
Python Pandas学习之基本数据操作详解
2021-11-07 17:46:56
MySQL将select结果执行update的实例教程
2024-01-17 14:00:59
python实现的web监控系统
2022-01-28 20:31:57
Python中Pyenv virtualenv插件的使用
2021-10-25 08:07:19
python实现画出e指数函数的图像
2023-09-24 22:12:10
使用Python画了一棵圣诞树的实例代码
2022-06-18 23:55:04
Python类的多重继承问题深入分析
2023-08-13 14:41:17
Python趣味挑战之用pygame实现飞机塔防游戏
2022-07-18 04:00:02
python列表删除和多重循环退出原理详解
2022-08-03 20:47:21
通过python读取txt文件和绘制柱形图的实现代码
2023-11-23 11:24:43
Python切片操作深入详解
2021-07-06 08:39:26
让IE6更快的走向灭亡
2010-02-03 15:05:00
Django框架登录加上验证码校验实现验证功能示例
2023-05-09 10:00:34
Python保存数据至MySQL时中文问题
2011-02-23 12:06:00
Python基于pygame实现单机版五子棋对战
2021-02-26 05:53:54
如何从MySQL数据库表中检索数据
2008-11-01 17:08:00