日期:2014-05-16  浏览次数:20292 次

[请教]请各位大侠指教。。在线等急急。。嘎嘎。谢谢啦啦
目前有这样一个问题:  

前台页面默认显示为  

可以做一个表格,input   如下这些图片:  

图片一   图片一   图片一   图片一   图片二  

功能一效果图点选任意一个图片效果如下)  

假设我们点选第二个图片:  

图片一   图片二   图片一   图片一   图片一  

功能二效果图当我们第二次再点击第二个图片)  

图片一   图片三   图片一   图片一   图片一  

功能三效果图当我们再点击其他图片)  
假设我们点选第3个图片  

图片一   图片一   图片二   图片一   图片一  


以上,,谢谢指教.

------解决方案--------------------
LZ 一开始可没说小女子的问题,哈

最近这类帖子不少哦!

这回总可以了吧,就改三行!

L@_@K

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<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>