<img src=pic1.jpg onclick="this.src='pic2.jpg'">
解决方案 »
- jquery中乱码问题
- PageMethod!JSP调用页面方法问题(急呀)
- 如何对参数编码
- 请大家帮帮忙看看和分析一下这段诡异的JS代码!!!
- javascript模式窗口问题
- 在线急等:为什么在showModalDialog打开的页面中点击空白区会弹出JavaScript错误信息?
- 如何获取页内框架中页面的内容?
- 如何得到table中某一行的行号?
- 如何用JS给input 元素置readonly属性使其不可编辑?
- 屏蔽图片右键菜单,但是还是要能捕捉到右键点击的时间,触发一个javascipt函数怎么办?
- 急!!!!!!!如何让在<div>内容</div>中的内容不换行!!!!!!!
- 用JS动态改变网页中的连接
<head>
<title></title>
<style type="text/css">
<!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript1.2">
scores = new Array(20);
var numTotal=0;NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
if (ver4) { with (document) { write("<STYLE TYPE='text/css'>");
if (NS4) { write(".parent {position:absolute; visibility:visible}");
write(".child {position:absolute; visibility:visible}");
write(".regular {position:absolute; visibility:visible}") } else { write(".child {display:none}") } write("</STYLE>");
}}function getIndex(el) { ind = null;
for (i=0; i<document.layers.length; i++) { whichEl = document.layers[i];
if (whichEl.id == el) { ind = i;
break;
} } return ind;}function arrange() { nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
for (i=firstInd+1; i<document.layers.length; i++) { whichEl = document.layers[i];
if (whichEl.visibility != "hide") { whichEl.pageY = nextY;
nextY += whichEl.document.height;
} }}function initIt(){ if (!ver4) return;
if (NS4) { for (i=0; i<document.layers.length; i++) { whichEl = document.layers[i];
if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide"; } arrange();
} else { divColl = document.all.tags("DIV");
for (i=0; i<divColl.length; i++) { whichEl = divColl(i);
if (whichEl.className == "child") whichEl.style.display = "none";
} }}function expandIt(el) { if (!ver4) return; if (IE4) { whichEl1 = eval(el + "Child");
for(i=1;i<=numTotal;i++){ whichEl = eval(scores[i] + "Child");
if(whichEl!=whichEl1) { whichEl.style.display = "none";
} } whichEl1 = eval(el + "Child");
if (whichEl1.style.display == "none") { whichEl1.style.display = "block";
} else { whichEl1.style.display = "none"; } } else { whichEl = eval("document." + el + "Child");
for(i=1;i<=numTotal;i++){ whichEl = eval("document." + scores[i] + "Child");
if(whichEl!=whichEl1) { whichEl.visibility = "hide"; } } if (whichEl.visibility == "hide") { whichEl.visibility = "show";
} else { whichEl.visibility = "hide"; } arrange(); }}onload = initIt;
</script>
</head>
<body>
<table width="75%" border="0" align="center" cellpadding="0" cellspacing="0" borderlight=green>
<tr>
<td width="27%">
<div id='KB1Parent' class='parent'><a href="#" onClick="expandIt('KB1'); return false">
<IMG SRC='plus.gif' width="30" height="18" BORDER=0>我的二手</a></div><div id='KB1Child' class='child'>
<a href='index.htm' target='work'> <IMG SRC='blank.gif' BORDER=0>我的二手1</a><br>
<a href='index.htm' target='work'> <IMG SRC='blank.gif' BORDER=0>我的二手2</a><br>
<a href='time3.htm' target='work'> <IMG SRC='blank.gif' BORDER=0>我的二手3</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的二手4</a></div>
<div id='KB2Parent' class='parent'>
<a href="#" onClick="expandIt('KB2'); return false">
<IMG SRC='plus.gif' BORDER=0>我的房产</a></div><div id='KB2Child' class='child'>
<a href='dao1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的房产1</a><br>
<a href='dao9.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的房产2</a><br>
<a href='dao10.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的房产3</a><br>
<a href='dao11.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的房产4</a>
</div>
<div id='KB3Parent' class='parent'><a href="#" onClick="expandIt('KB3'); return false">
<IMG SRC='plus.gif' BORDER=0>我的汽车</a></div><div id='KB3Child' class='child'>
<a href='back1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的汽车1</a><br>
<a href='back2.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的汽车2</a><br>
<a href='back2.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的汽车3</a><br>
<a href='back9.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的汽车4</a></div>
<div id='KB4Parent' class='parent'><a href="#" onClick="expandIt('KB4'); return false">
<IMG SRC='plus.gif' BORDER=0>我的人才</a></div><div id='KB4Child' class='child'>
<a href='ye1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>登记我的求职简历</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>维护我的求职简历</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>工作职位搜索</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的收藏夹</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我申请的职位列表</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的简历被浏览N次</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>我的简历</a><br>
<a href='ye17.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>面试通知</a>
</div> <SCRIPT>numTotal=5;scores[1]='KB1';scores[2]='KB1';scores[3]='KB2';scores[4]='KB3';scores[5]='KB4';</SCRIPT>
</td>
<td width="73%"><IFRAME name="work" align=default
src="333.htm" frameBorder=0
width="100%"
height=500>
</iframe></td>
</tr>
</table></body>
</html>
这都是代码
多谢多谢
<script>
imgbool=false;
</script>
<div id='KB1Parent' class='parent'><a href="#" onClick="expandIt('KB1'); return false">
<IMG SRC='pic1.gif' onclick='this.src=imgbool?"pic1.gif":"pic2.gif";imgbool=!imgbool' width="30" height="18" BORDER=0>我的二手</a></div>
在function expandIt(el)中控制图片的切换
看看我这个
里面显示的所有图片都是用代码替换过的,
其中用了两种方法,
第一种为(从里面抽出部分代码):
this.imageDir=new Image();
this.imageDir=this.imgPath+"dir.gif";
sIconStr="<img id='"+sIconID+"' "+this.imgAttr+">";
hasChildNodes ? oIconSrc=this.imageDir : oIconSrc=this.imageFile;
oImgObj.innerHTML+=sIconStr;
if(!ndIco.length>0){
oIcon=eval(sIconID);
oIcon.src=oIconSrc;
}第二种为:
if(sObj.parentNode.lastChild==sObj){ //is last child
iObj.src=sImgPath+sImgLastPlus;
}else{ //not last child
iObj.src=sImgPath+sImgMidPlus;
}具体可以看:
http://wufanglu.myrice.com/tvii/tv2.js