艺龙旅行网城市选择弹出动画

作者:林炜贤来源:www.163css.com发表时间:(2010-12-22)

现在都快12点了,不过将这个动画搞出来还是值得的,打开“艺龙旅行网”,左侧非常明显的就是“查询酒店/机票”,可谓将重点放在显眼的地方了,策划者非常了解这个网站的用途!我今天要向大家介绍的是城市选择文本框的弹出动画。

“艺龙旅行网”的页面制作者估计脚本非常厉害,它将这个网站的脚本都集成在一起了,我要从它的网站上分离脚本非常痛苦。当我点击了城市文本框的时候,文本框下面弹出一个选择层,带有关闭按钮,下面还采用了tab菜单,用户可以按字母进行城市选择。我们看下截图吧:

创作者的用心良苦及细腻程度是非常值得我学习的。

我尝试着模仿,基本功能是实现了,但是没办法做得那么完美。以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/201012/ylcity/index.html

下载地址:艺龙旅行网城市选择弹出动画.rar

返回作者主页:www.163css.com阅读 (8321)
更多 1