[请问]请各位大侠指教。嘎嘎。多谢啦啦
日期：2014-05-16 浏览次数：20329 次
[请教]请各位大侠指教。。在线等急急。。嘎嘎。谢谢啦啦
目前有这样一个问题:
前台页面默认显示为
可以做一个表格,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>
目前有这样一个问题:
前台页面默认显示为
可以做一个表格,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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
