请问怎么在js里获取上一次鼠标点击事件？
<ul>
<li ><a href="#" tittle="icon/one1_03.png"><b><img src="icon/one_03.png" /></b></a></li>
<li ><a href="#" tittle="icon/two2_03.png"><img src="icon/two_03.png" /></a></li>
<li ><a href="javascript:goMenu('menu_business.html')" tittle="icon/three3_03.png"><img src="icon/three_03.png" /></a></li>
<li ><a href="#" tittle="icon/four4_03.png" ><img src="icon/four_03.png" /></a></li>
<li ><a href="#" tittle="icon/five5_03.png" ><img src="icon/five_03.png" /></a></li>
<li ><a href="#" tittle="icon/six6_03.png" ><img src="icon/six_03.png" /></a></li>
<li ><a href="#" tittle="icon/seven7_03.png" ><img src="icon/seven_03.png" /></a></li>
<div class="clear"></div>
</ul>
比如这几个按钮都不一样，点击的任意一个的时候该按钮变成黄色按钮。但是有一个问题就是第一次点击其中任意一个按钮，当第二次点击其他按钮时，希望第一个按钮从黄色变成白色。这个js写不好，麻烦高手帮忙写一下。
忘了说了，这些按钮都是图片形式的。都是不一样的图片，不是纯色。
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery.js"></script>
</head>
<body>
<ul>
<li ><a href="#" tittle="icon/one1_03.png"><b><img src="icon/one_03.png" /></b></a></li>
<li ><a href="#" tittle="icon/two2_03.png"><img src="icon/two_03.png" /></a></li>
<li ><a href="javascript:goMenu('menu_business.html')" tittle="icon/three3_03.png"><img src="icon/three_03.png" /></a></li>
<li ><a href="#" tittle="icon/four4_03.png" ><img src="icon/four_03.png" /></a></li>
<li ><a href="#" tittle="icon/five5_03.png" ><img src="icon/five_03.png" /></a></li>
<li ><a href="#" tittle="icon/six6_03.png" ><img src="icon/six_03.png" /></a></li>
<li ><a href="#" tittle="icon/seven7_03.png" ><img src="icon/seven_03.png" /></a></li>
<div class="clear"></div>
</ul>
</body>
</html>
<script language="javascript">
$(function(){
var prevOne=null;
$('li').click(function(){
if(prevOne||prevOne==0){
$('li').eq(prevOne).css('background','red');
}
$(this).css('background','yellow');
prevOne=$(this).index();
})
})
</script>
<html>
<head>
<meta charset="utf-8" />
<title>pro.html</title>
<style type="text/css">
.one {
background-color: white;
}
.two {
background-color: yellow;
}
</style>
<!-- <script type="text/javascript" src="../jquery-1.8.0.min.js"></script> -->
<script type="text/javascript">
window.onload = function ()
{
var ul = document.getElementsByTagName ('ul')[0];
var imgs = ul.getElementsByTagName ('img');
for ( var i = 0; i < imgs.length; i++)
{
imgs[i].parentElement.className = 'one';
imgs[i].onclick = function ()
{
for ( var i = 0; i < imgs.length; i++)
{
imgs[i].parentElement.className = 'one';
}
this.parentElement.className = 'two';
};
}
}
</script>
</head>
<body>
<ul>
<li><a href="#" tittle="icon/one1_03.png"><b><img
src="icon/one_03.png" /> </b> </a></li>
<li><a href="#" tittle="icon/two2_03.png"><img
src="icon/two_03.png" /> </a></li>
<li><a href="javascript:goMenu('menu_business.html')"
tittle="icon/three3_03.png"><img src="icon/three_03.png" /> </a></li>
<li><a href="#" tittle="icon/four4_03.png"><img
src="icon/four_03.png" /> </a></li>
<li><a href="#" tittle="icon/five5_03.png"><img
src="icon/five_03.png" /> </a></li>
<li><a href="#" tittle="icon/six6_03.png"><img
src="icon/six_03.png" /> </a></li>
<li><a href="#" tittle="icon/seven7_03.png"><img
src="icon/seven_03.png" /> </a></li>
<div class="clear"></div>
</ul>
</body>
</html>本回答被提问者采纳
$('ul li a').on('click',function(){
$('ul li a').addClass('white').removeClass('yellow')///白色按钮
$(this).addClass('yellow').removeClass('white')///黄色按钮
})本回答被网友采纳
