Question

请问怎么通过javascript编程实现通过左右方向键来可以实现几幅图片之间的切换。

即，按一下右方向键，可以选择右边相邻的图片，按左方向键，可以选择左边相邻的图片，静态就可以。

Answer 1

大哥 css没学 就来搞这个 。。。
不学走步 先学跑
别误会 我只是 给你建议 先把css学了
如果你实在还想要这个代码 给我回复 我可以现编个给你

追问

真的吗？太好了，可以发给我吗？我邮箱是：liu.mei111111@163.com，十分感谢。

追答

图片滚动

#div1
{position:relative;width:650px;height:210px;overflow:hidden;
}
#div2{position:absolute;}
#div2 li{float:left;list-style-type:none;padding:5px;}
img{border:none;}
#div2 li a:hover{top:-10px;}
#div2 a{position:relative;}

window.onload=function()
{
var odiv2=document.getElementById('div2');
var oleft=document.getElementById('left');
var oright=document.getElementById('right');
var ali=odiv2.getElementsByTagName('li');

odiv2.innerHTML+=odiv2.innerHTML;
odiv2.style.width=ali[0].offsetWidth*ali.length+'px';

oleft.onclick=function()
{
odiv2.style.left=odiv2.offsetLeft-ali[0].offsetWidth+'px';
if(odiv2.offsetLeft=0)
{odiv2.style.left=-odiv2.offsetWidth/2+'px';}
}
}

左
       
右

追问

十分感谢！

Answer 2

这个可以使用 document.onkeydown 事件，然后把 这个事件绑定到 要移动的图片所在的父类标签上，然后通过onkeydown中的even对象 取得 keycode，也就是键盘的键值，在使用switch或if语句监听不同键值 然后 通过document.getElementById("图片所用的ID").style.left 以及style.top 修改图片的位置 但是图片一定要是绝对位置（在css中），或者你可以使用jquery的animate方法来实现一个滑动的特效

追问

嗯，不好意思，能不能写一点代码呢，我现在是比较急着用的，十分感谢！

Answer 3

图片绝对或者相对定位，绑定键盘按下事件，当按下方向键通过改变图像的left，right，top，bottom等值来进行切换，这是思路，你自己写代码

追问

请问怎么对图片进行定位，麻烦告知一下函数，我是初学者，不胜感激。

追答

用css定位position属性定位，css学了没有？

追问

没有，嗯，谢谢你啊！不胜感激。

追答

嗯，css，html是基础，没有学好之前还是先把js放下吧，基础要打牢