jquery实现初次打开有动画效果的网页TAB切换代码【jquery】

web前端|js教程 jquery实现初次打开有动画效果的网页TAB切换代码【jquery】

jquery,初次打开,动画效果,网页TAB切换

web前端-js教程

本文实例讲述了jquery实现初次打开有动画效果的网页TAB切换代码。分享给大家供大家参考。具体如下：

网页登录会员源码,清除ubuntu软件中心,war怎么保存到tomcat,phtyon爬虫3,php中的pack,百度seo标题越多越好吗lzw

这是一款初次打开有动画效果的网页TAB代码，只在第一次点击TAB菜单的时候，会显示动画，再次点击的时候就没有了，一个实用的网页选项卡效果，有需要的请下载吧。

udp泛洪源码,vscode重的输出与终端是啥,ubuntu 边框消失,tomcat100个常见功能,退出sqlite命令,娱乐会所网页设计模版,服务器cpu使用率100,wordpress格子广告插件,网易前端js框架,新华网爬虫,php执行超时,仲恺seo排名优化,南方数据企业网站12,网页中qq人工服务代码,word杂志模板下载,网站页面策划模板下载,ssm框架公司管理系统,asp小偷程序模版lzw

运行效果截图如下：

android存储监测源码,鲲鹏920装ubuntu,tomcat中跑php项目,gif爬虫app,php 发送token,seo怎么做通俗一点营销lzw

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-first-open-flash-style-tab-cha-codes/

具体代码如下：

网页TAB代码body,h1,div,ul,li{ margin:0; padding:0;}li{ list-style:none;}.demo{ width:300px; margin:30px auto; position:relative;}.demo li{ float:left; padding:0 15px; cursor:pointer; height:30px; line-height:30px;}.d-bk{}.demo li.cur{ background-color:#F00; color:#FFF;}.demo li.cur .d-bk{ border:1px solid #F00; width:300px; height:150px; background-color:#f1f1f1; position:absolute; left:0; top:30px; color:#333;} $(document).ready(function(){  $(".demo li div").hide();  $(".demo li").click(function(){   $(this).addClass("cur").siblings().removeClass("cur");   $("div.d-bk").slideDown()   },function(){   $("div.d-bk").slideUp()   }) })   导航1 111
    导航2 222
    导航3 333

初次打开动画效果网页TAB切换