js 里面有个事件,
事件里面有keyCode 属性,可以获取你按的键的键码。
document.onkeydown=function(ev){var oEvent = ev || event //处理兼容
alert(oEvent.keyCode)
}
<script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script><!--引用jquery-->
<script type="text/javascript">
window.onload = function () {
document.onkeydown = keyDown//js获取按键keycode值
$(this).keydown(function (e) {//jquery获取keycode值
alert(e.keyCode.toString())
})
}
function keyDown(e) {
var code=e.which
var key = String.fromCharCode(code)
alert("按下了" + key + ",keycode:" + code)
}
//使用的时候document换成js的元素就行了
//jquery中$(this)换成$(".class")或者$("#id")和其他的
</script>
用js的 event.keyCode来获取方向键。从网上你可以查到左右方向键对应的keyCode值,这样你就能获取到左右键点击事件了。
然后当左右键点击的时候,触发显示和隐藏对应图片的功能。
图片的显示和隐藏,你可以用js给对应的图片添加显示或者隐藏的css。
这样就能实现你要的效果了