<div class="codetitle"> <span><a style="CURSOR: pointer" data="19771" class="copybut" id="copybut19771" onclick="doCopy('code19771')"><u>复代码码</u></a></span> 代码如下:</div> <div class="codebody" id="code19771"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><머리> <br><제목></제목> <br><style type="text/css"> <br>#mydiv{ 위치:절대; 너비:500px; 높이:400px; 상단:50%; 왼쪽:50%; 여백 상단:-200px; 여백-왼쪽:-290px; } <br>img{ 너비:480px; 높이:380px;} <br></style> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><script src="Jquery1.7.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(function () { <br>var array = [1, 2, 3, 4, 5, 6]; <br>var count = 0; <br>//后退 <br>$('# Button1').click(function () { <br>if (count > 0) { <br>count--; <br>$('img').attr('src', 'images/' array[ count] '.jpg'); <br>} <br>}) <br>//前进 <br>$('#Button2').click(function () { <br>if (count < 5) { <br>개수 ; <br>$('img').attr('src', 'images/' 배열[개수] '.jpg') <br>} <br>}) <br>}) <br></script> <br></head> <br><본문> <br><div id="mydiv"> <br><table><tr><td><input id="Button1" type="button" value="<" /></td><td><img src="images/1.jpg" /></td><td><input id="Button2" type="button" 값 =">" /></td></tr></table> <br></div> <br></body> <br></html> <br> </div> <br>效果如下： <br><img src="http://files.jb51.net/file_images/article/201304/20130424160448.jpg?201332416515" alt="jQuery_jquery를 기반으로 그림의 앞으로 및 뒤로 기능 구현" >
