一 最简单的,点击按钮实现图片的切换。
解决方案 »
- 网站被攻击了请帮忙解决谢谢
- 图片一组显示,但是点击向前向后按钮可以如下显示?
- 谁能帮着小忙!很简单!
- 请问如何做到选择一个下拉选项而改变一个表单
- 新人求助~ 如何让页面延时显示
- 请问,鼠标移到图片时,此图片放大,鼠标离开图片时,此图片还原,这效果如果实现??
- 考试系统定时提交表单,时间到达临界点时出现问题!!!!! 问过无数人,现在已是千古之谜了!!
- 怎么样让鼠标一放上,就出现一个下拉框,最好还可以关闭.
- 在 submit 按钮的 onClick 事件中调用 form 的 submit 方法,可是提交后的参数中却没有这个按钮[100分]
- select控件如何自动去掉选项?
- window.window.showModelessDialog()堆栈溢出???
- 问:csdn编辑器为什么不能上传本地图片?
<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>
<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>
js和jQuery是浏览器脚本语言,与服务器没有关系。