欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS实现网页顶部向下滑出的全国城市切换导航效果_javascript技巧

程序员文章站 2022-05-20 17:18:39
...
本文实例讲述了JS实现网页顶部向下滑出的全国城市切换导航效果。分享给大家供大家参考。具体如下:

这是一款JS版网页顶部向下滑出的城市切换导航,仿sohu团购网页顶部的城市导航切换,从顶部向下滑出,方便在其他城市之间切换。使用了sohu网原版的一个JS封装插件来实现,目前只是为了演示,所以全国城市不全,使用者自己添加吧。

运行效果截图如下:

JS实现网页顶部向下滑出的全国城市切换导航效果_javascript技巧

在线演示地址如下:

http://demo.jb51.net/js/2015/js-web-scroll-city-cha-style-codes/

具体代码如下:



网页顶部向下滑出的切换城市导航
  • 北京
  • 切换城市


希望本文所述对大家的javascript程序设计有所帮助。