var clickTimes = 0;
function SwitchImage(){
clickTimes++;
if(clickTimes%3 == 0) src=第一次点击的图片;
if(clickTimes%3 == 1) src=第二次点击的图片;
if(clickTimes%3 == 2) src=第三次点击的图片;}
大概应该是这样吧
function SwitchImage(){
clickTimes++;
if(clickTimes%3 == 0) src=第一次点击的图片;
if(clickTimes%3 == 1) src=第二次点击的图片;
if(clickTimes%3 == 2) src=第三次点击的图片;}
大概应该是这样吧
在图片的onclick事件里改src就行.
<body>
<table>
<tr>
<td><input type="text" id="txt01" value="1" /></td>
<td><input type="text" id="txt02" value="2" /></td>
<td><input type="text" id="txt03" value="3" /></td>
<td><input type="text" id="txt04" value="4" /></td>
<td><input type="text" id="txt05" style="background-color: #00ffff" value="5" /></td>
</tr>
</table>
<script type="text/javascript">
<!--
var oFocus;
var oLast = document.getElementById("txt05");
var colInputs = document.getElementsByTagName("input");
// 最后一个除外
for (var i=0; i<colInputs.length-1; i++)
{
if (colInputs[i].type == "text")
{
colInputs[i].onclick = function()
{
if (oFocus != this)
{
oLast.value = 5;
oLast.style.backgroundColor = "#00ffff";
this.parentNode.insertBefore(oLast, this);
oFocus = this;
}
else
{
oLast.value = 6;
oLast.style.backgroundColor = "#ffff00";
}
}
}
}
//-->
</script>
</body>
希望还有高手指点以下。如下:默认图片都是“sortNone.gig”
当点击任意一个图片时,此图片变为“sortDown.gif”, 图片之间是互斥的。类似按钮互斥
以上部分已经实现。
问题就是,当我选一个图片由“sortNone.gig”变为“sortDown.gif”,我再次点击此图片时,应该变为“sortUp.gif”这个不知道怎么做。
请大侠们指教一二。小女子不胜感激
var curImg = [0,0,0];
var imgSrc = ["sortNone.gif","sortDown.gif","sortUp.gif"]; function change(imgseq)
{
for(var i=0;i<imgArr.length;i++)
{
if(i != imgseq)
{
var img = document.getElementById(imgArr[i]);
img.src = imgSrc[0];
curImg[i] = 0;
}
}
var j = (curImg[imgseq] == 0||curImg[imgseq]== 2) ? 1 : 2;
curImg[imgseq] = j;
document.getElementById(imgArr[imgseq]).src = imgSrc[j];
}<table>
<tr>
<td>
<input id="img1" type="image" onclick="change(0)" src="sortNone.gif" />
</td>
<td>
<input id="img2" type="image" onclick="change(1)" src="sortNone.gif" />
</td>
<td>
<input id="img3" type="image" onclick="change(2)" src="sortNone.gif" />
</td>
</tr>
</table>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sort Image</title>
<meta name="generator" content="editplus" />
<meta name="author" content="yixianggao" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head><body>
<table>
<tr id="trHeader">
<td><img src="sortnone.gif" alt="sortnone"></td>
<td><img src="sortnone.gif" alt="sortnone"></td>
<td><img src="sortnone.gif" alt="sortnone"></td>
<td><img src="sortnone.gif" alt="sortnone"></td>
<td><img src="sortnone.gif" alt="sortnone"></td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>e</td>
</tr>
</table>
<script type="text/javascript">
<!--
// 0 sortnone.gif
// 1 sortDown.gif
// 2 sortUp.gif
var oFocus;
var oSortRow = document.getElementById("trHeader");
var colSortItems = oSortRow.getElementsByTagName("img");
// 最后一个除外
for (var i=0; i<colSortItems.length; i++)
{
colSortItems[i].onclick = function()
{
if (oFocus != this)
{
if (oFocus)
{
oFocus.alt = "sortnone";
// 根据实际情况替换。
oFocus.src = "sortnone.gif";
}
oFocus = this; this.alt = "sortDown";
// 根据实际情况替换。
this.src = "sortDown.gif";
}
else if (this.alt == "sortDown")
{
this.alt = "sortUp";
// 根据实际情况替换。
this.src = "sortUp.gif";
}
}
}
//-->
</script>
</body>
</html>