<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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><title></title> <br><style type="text/css"> <br>#mydiv{ 位置:絶対;幅:500ピクセル;高さ:400ピクセル;トップ: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 カウント ; <br>$('img').attr('src', 'images/' array[count] '.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" 値=">" /> <br> </div> <br></body> <br></html> <br> <br>效果如下： <br><img src="http://files.jb51.net/file_images/article/201304/20130424160448.jpg?201332416515" alt="jQuery_jqueryに基づいてピクチャの前方および後方関数を実装する" >
