再问一个javastript的小问题......在线等
<div id="div01" style="float:left; width:50px; border:1px solid red"> <img src="/Images/wish/icon_0.gif" width="50" height="50" style="border:red" onclick="SetFImage('div01')" /> </div>
<div id="div02" style="float:left; width:50px"> <img src="/Images/wish/icon_2.gif" onclick="SetFImage('div02')"/> </div>;
<script language="javascript">
function SetFImage(objid,str)
{
document.getElementById(objid).style.cssText="border-top:1px red solid; border-left:1px red solid; border-bottom:1px red solid; border-right:1px red solid;";
}
实现了DIV的样式改变。。。
我还好多个DIV 这样实现 只让一个DIV变样式,点下一个 就下一个变了。这个恢复原样
------解决方案--------------------
<script language="javascript">
function SetFImage(objid,str)
{ //先将所有的div变为正常的。
var divs=document.getElementsByTagName("div");
//在这儿也可以加个判断,以免将不像变样式的div改变。
for(var i=0;i<divs.length;i++)
{
divs[i].style.cssText="正常的css";
}
//最后把点击的变成想要的。
document.getElementById(objid).style.cssText="border-top:1px red solid; border-left:1px red solid; border-bottom:1px red solid; border-right:1px red solid;";
}
------解决方案--------------------JScript code
<script language="javascript">
var olddivid = '';
var olddivcsstxt = '';
function SetFImage(objid,str)
{
if(objid != olddivid)//避免重复点击
{
if(olddivid != '')
{
document.getElementById(olddivid).style.cssText = olddivcsstxt;
}
olddivid = objid;
olddivcsstxt = document.getElementById(objid).style.cssText;
document.getElementById(objid).style.cssText="border-top:1px red solid; border-left:1px red solid; border-bottom:1px red solid; border-right:1px red solid;";
}
}
</script>