jQuery+CSS实现滑动的标签分栏切换效果

2022-01-13,,,,

这篇文章主要介绍了jQuery实现滑动标签分栏切换效果,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery实现平滑滚动的标签分栏切换效果。分享给大家供大家参考。具体如下:

运行代码如下

具体代码如下

   jQuery平滑滚动的标签分栏切换 ul,li{ margin:0px; padding:0px; list-style:none } li{ float:left; background-color:#8c6239; color:white; padding:5px; margin-right:2px; border:1px solid white; } li.myLi{ background-color:#ea5500; border:1px solid #ea5500; } div{ clear:left; background-color:#ea5500; color:white; width:300px; height:100px; padding:10px; display:none; } div.myDiv{ display:block; }  
  • this is li 1
  • this is li 2
  • this is li 3
this is div1this is div2this is div3

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

以上就是jQuery+CSS实现滑动的标签分栏切换效果的详细内容,更多请关注本站其它相关文章!

《jQuery+CSS实现滑动的标签分栏切换效果.doc》

下载本文的Word格式文档,以方便收藏与打印。