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

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

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/jquery-first-open-flash-style-tab-cha-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title网页拉环代码/title脚本类型=' text/JavaScript ' src=' http : jquery 1。3 .2 .js '/脚本样式类型=' text/CSS '正文，h1，div，ul，li { margin:0划水：0;}李{列表式：无；}.演示{ width :300 pxmargin :30 px汽车；位置：相对；}.演示Li { float : leftadding :0 15 pxcursor : pointer指针；高度：30 px线高：30 px}.d-bk{} .演示李。cur {底色： # F00颜色： # FFF；}.演示li.cur .d-bk{ border:1px固体# F00宽度宽度：300像素高度：150 px背景-color : # f1 f1；位置：绝对；left :0 top :30 pxcolor : # 333 }/style脚本类型=' text/JavaScript ' $(文档)。ready(function(){ $(')).演示李(div ').hide()；$('.演示李' .单击(function(){ $(this)).addClass('cur ').兄弟姐妹()。移除CLaSS(' cur ')；$('div.d-bk ').slideDown() }，function(){ $('div.d-bk ').上滑()})})/脚本/head dyul class=' demo ' Li导航一分区=' d-bk ' 111/分区/li li导航2 div class='d-bk'222/div /li li导航3 div class=' d-bk ' 333/div/Li/ul/body/html希望本文所述对大家的jquery程序设计有所帮助。