1. 자동 캐러셀은 점을 스크롤하고 마우스가 점 위에 있을 때 점을 벗어나면 일시 중지됩니다. 코드 복사 코드 포커스 이미지 *{margin:0; ;} <br>.clear-fix{*zoom:1;} <br>.clear-fix:after{ 내용:"<div class="codebody" id="code40650"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><머리> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>焦点图1</title> <br><script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <br><style type="text/css">*{margin:0; 패딩:0; 목록 스타일:없음;} <br>.clear-fix{*zoom:1;} <br>.clear-fix:after{ content:" 020"; 지우기:둘 다; 높이:0; 디스플레이:블록;} <br>h1{ 텍스트 정렬:센터;} <br>.slider{너비:980px; 높이:365px; 여백:0 자동; 위치:상대적;} <br>.slider .img_box{너비:980px; 높이:365px; 오버플로:숨겨짐;} <br>.slider ul{너비:100000px;} <br>.slider li{너비:980px; 높이:365px; 부동:왼쪽; 배경:#ccc; 텍스트 정렬:가운데; 글꼴 크기:더 크게; 줄 높이:365px;} <br>.slider .num_box{ 위치:절대; 하단:10px; 오른쪽:10px;} <br>.slider .num_box a{ 너비:10px; 높이:10px; 배경:#fff; 테두리 반경:5px; 디스플레이:인라인 블록;} <br>.slider .num_box a.c{ 배경:#C00;} <본문> 鼠标点击圆点切换 1 2 3 4 5 var n=0; <br>함수 슬라이더(n){ <br>$("ul").animate({marginLeft:-n*980},500); <br>$(".num_box a").removeClass("c").eq(n).addClass("c"); <br>} <br>t=setInterval(function(){ <br>n ; <br>n=n>=$(".num_box a").length?0:n; <br>슬라이더(n) ; <br>},3000) <br>슬라이더(n); <br>$(".num_box a").click(function(){ <br>clearInterval(t); <br>slider($(this).index()); <br><br>$(" .num_box a").mouseout(function(){ <br>clearInterval(t); <br>t=setInterval(function(){ <br>n=$(".num_box a.c").index() 1; <br>n=n>=$(".num_box a").length?0:n <br>slider(n) <br>},3000) <br>}) <br><br>} )