js tab左右滑动如何判断是否是最后一个元素

JavaScript017

js tab左右滑动如何判断是否是最后一个元素,第1张

如果start或end为负数,那么它将被替换为0。

substring方法返回的子串包括start处的字符,但不包括end处的字符。如果start与end相等,那么该方法返回的就是一个空串,即长度为0的字符串。如果start比end大,那么该方法在提取子串之前会先交换这两个参数,如果start或end为负数,那么它将被替换为0。a点substring,a点length小横杠1截出最后一个,去判断a,lastindexof,‘最后一个字’,这是那个字最后出现的位置,判断是不是等于字符串的长度

本文实例讲述了jQuery简单tab切换效果实现方法。分享给大家供大家参考。具体如下:

<script

src="js/jquery-latest.js"></script>

<SCRIPT

language=javascript

type=text/javascript>

$(document).ready(function

()

{

$('.tabtitle

li').click(function

()

{

var

index

=

$(this).index()

$(this).attr('class',"tabhover").siblings('li').attr('class','taba')

$('.tabcontent').eq(index).show(200).siblings('.tabcontent').hide()

})

var

t

=

0

var

timer

=

setInterval(function(){

if(

t

==

$('.tabtitle

li').length

)

t

=

0

$('.tabtitle

li:eq('+t+')').click()

t++

},

700)

})

</SCRIPT>

<div

class="maintab">

<ul

class="tabtitle">

<li

class="tabhover"><a

href="#">选择标题1</a></li>

<li

class="taba"><a

href="#">选择标题2</a></li>

<li

class="taba"><a

href="#">选择标题3</a></li>

<li

class="taba"><a

href="#">选择标题4</a></li>

<li

class="taba"><a

href="#">选择标题5</a></li>

</ul>

<div

class="tabcontent">

选择内容1

</div>

<div

class="tabcontent"

style="DISPLAY:

none">

选择内容2

</div>

<div

class="tabcontent"

style="DISPLAY:

none">

选择内容3

</div>

<div

class="tabcontent"

style="DISPLAY:

none">

选择内容4

</div>

<div

class="tabcontent"

style="DISPLAY:

none">

选择内容5

</div>

</div>

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