Jquery 초점 도 는 그림 전시 효과 코드 에 사 용 됩 니 다.

효과 도 는 다음 과 같다

데모 코드:Jquery 그림 전시 초점 도 $(document).ready(function(){ $imageShow=$('#imageShow'); $images=$('#imageSrc li',$imageShow); $imageSwitches=$('#imageSwitch li',$imageShow); if($images.size()>0){ init(); var timer=setInterval(autoSwitch,3000); $imageSwitches.each(function(index,item){ $(item).click(function(){ clearInterval(timer); setTimeout(function(){timer=setInterval(autoSwitch,3000)},3000); $imageSwitches.css('background-color','').eq(index).css('background-color','#E22E51'); if(index!=$imageShow.data('show')){ $imageShow.data('show',index); $images.hide().eq(index).fadeIn('slow'); } }); }); } function autoSwitch(){ $nowIndex=$imageShow.data('show')+1; if($images.size()>$nowIndex){ $imageSwitches.css('background-color','').eq($nowIndex).css('background-color','#E22E51'); $imageShow.data('show',$nowIndex); $images.hide().eq($nowIndex).fadeIn('slow'); }else{ init(); } } function init(){ $imageShow.data('show',0); $images.hide().eq(0).fadeIn('slow'); $imageSwitches.css('background-color','').eq(0).css('background-color','#E22E51'); } });

[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Jquery에서 동일한 NAME 또는 id 행 삭제 작업 가져오기

//Jquery 같은 수를 가져오고 줄 수와 인자를 삭제합니다. //ID'''또는this를 통해 본 줄의 두 번째 tdeq를 획득(1) 0부터 $("#"+id+"").parents("tr").find("td:eq(1...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Jquery 초점 도 는 그림 전시 효과 코드 에 사 용 됩 니 다.

좋은 웹페이지 즐겨찾기