css+js

Question

一 最简单的，点击按钮实现图片的切换。

Answer 1

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(function () {
   $("#changing-over_button_down").click(function () {
      $("#changing-over_img").attr('src','img/06.jpg');
     $("#changing-over_img").attr('alt','第二张图片');
  });
   $("#changing-over_button_up").click(function () {
      $("#changing-over_img").attr('src','img/05.jpg');
     $("#changing-over_img").attr('alt','第一张图片');
  });
});
</script>
<div>
<img id="changing-over_img" alt="第一张图片" src="img/05.jpg" style="width:130px;height:130px;"></img>
</div>
<div>
<input type="button" id="changing-over_button_up" value="上一张"></input>
<input type="button" id="changing-over_button_down" value="下一张"></input>
</div>

Answer 2

<div style="position:relative; overflow:hidden; width:200px; height:200px;">
<img id="m1" src="http://hi.csdn.net/attachment/201202/2/10279843_1328173065P3CW.gif" width="200px" style="position:absolute;left:0px;"/>
    <img id="m2" src="http://avatar.csdn.net/0/B/7/2_chen_zujun.jpg" width="200px" style="position:absolute;left:200px;"/>
</div>
<script>
setInterval('moveImg()',1000);
function moveImg() {
var num1 = parseInt(document.getElementById('m1').style.left);
var num2 = parseInt(document.getElementById('m2').style.left);
num1-=10;
num2-=10;
   document.getElementById('m1').style.left=num1+"px";
document.getElementById('m2').style.left=num2+"px";
   if(num1==-200){
document.getElementById('m1').style.left="0";
document.getElementById('m2').style.left="200"; 
}
}
</script>

Answer 3

js和jQuery是浏览器脚本语言，与服务器没有关系。