1、 DIV 切换 显示
<
script
language
="javascript"
>
...
function aa(menu)
...{
var array= new Array("DIV1","DIV2","DIV3","DIV5","DIV6");
for(var i=0;i<array.length;i++)
...{
if(array[i]==menu)
...{
if(document.all(array[i]).style.display=="")
...{
document.all(array[i]).style.display="none";
}
else
...{
document.all(array[i]).style.display=""
}
}
else
...{
document.all(array[i]).style.display="none";
}
}
}
</ script >
function aa(menu)
...{
var array= new Array("DIV1","DIV2","DIV3","DIV5","DIV6");
for(var i=0;i<array.length;i++)
...{
if(array[i]==menu)
...{
if(document.all(array[i]).style.display=="")
...{
document.all(array[i]).style.display="none";
}
else
...{
document.all(array[i]).style.display=""
}
}
else
...{
document.all(array[i]).style.display="none";
}
}
}
</ script >
2、页面定位
a、JS的写法
< script language ="javascript" > ...
function scroll()
...{
document.all("Height").value = document.body.scrollTop;
}
function load()
...{
var a = document.all("Height").value;
window.scrollTo(0,a);
}
</ script >
调用: < body onscroll ="scroll()" onload ="load()" >
b、在ASP.NET 页面的Page里 <% ... @ Page validateRequest=false smartNavigation="true" %>
< script language ="javascript" > ...
function scroll()
...{
document.all("Height").value = document.body.scrollTop;
}
function load()
...{
var a = document.all("Height").value;
window.scrollTo(0,a);
}
</ script >
调用: < body onscroll ="scroll()" onload ="load()" >
b、在ASP.NET 页面的Page里 <% ... @ Page validateRequest=false smartNavigation="true" %>
3、鼠标onmouseover和outmouseout效果
function
MouseImage(id,flag)
... {
if(flag == "over")
...{
document.getElementById(id).style.cursor = "pointer";
document.getElementById(id).style.backgroundImage="url(bt-onn.gif)";
}
else if(flag == "out")
...{
document.getElementById(id).style.backgroundImage="url(bt-off.gif)";
}
}
... {
if(flag == "over")
...{
document.getElementById(id).style.cursor = "pointer";
document.getElementById(id).style.backgroundImage="url(bt-onn.gif)";
}
else if(flag == "out")
...{
document.getElementById(id).style.backgroundImage="url(bt-off.gif)";
}
}
4、鼠标事件
function
MouseEvent(id,flag)
... {
if(flag == "over")
...{
document.getElementById(id).style.cursor = "pointer";
switch(id)
...{
case "ImageBtnA1":
document.getElementById(id).src="yu-1.gif";
break;
case "ImageBtnA2":
document.getElementById(id).src="yi-2.gif";
break;
case "ImageBtnA3":
document.getElementById(id).src="su-1.gif";
break;
}
}
else if(flag == "out")
...{
switch(id)
...{
case "ImageBtnA1":
document.getElementById(id).src="yu-2.gif";
break;
case "ImageBtnA2":
document.getElementById(id).src="yi-1.gif";
break;
case "ImageBtnA3":
document.getElementById(id).src="su-2.gif";
break;
}
}
else if(flag =="click")
...{
var strUrl = document.getElementById("txtUrl").value;
var mainUrl;
switch(id)
...{
case "ImageBtnA1":
mainUrl = strUrl+"&subjectID=1";
break;
case "ImageBtnA2":
mainUrl = strUrl+"&subjectID=3";
break;
case "ImageBtnA3":
mainUrl = strUrl+"&subjectID=2";
break;
}
window.location.href = mainUrl;
}
}
... {
if(flag == "over")
...{
document.getElementById(id).style.cursor = "pointer";
switch(id)
...{
case "ImageBtnA1":
document.getElementById(id).src="yu-1.gif";
break;
case "ImageBtnA2":
document.getElementById(id).src="yi-2.gif";
break;
case "ImageBtnA3":
document.getElementById(id).src="su-1.gif";
break;
}
}
else if(flag == "out")
...{
switch(id)
...{
case "ImageBtnA1":
document.getElementById(id).src="yu-2.gif";
break;
case "ImageBtnA2":
document.getElementById(id).src="yi-1.gif";
break;
case "ImageBtnA3":
document.getElementById(id).src="su-2.gif";
break;
}
}
else if(flag =="click")
...{
var strUrl = document.getElementById("txtUrl").value;
var mainUrl;
switch(id)
...{
case "ImageBtnA1":
mainUrl = strUrl+"&subjectID=1";
break;
case "ImageBtnA2":
mainUrl = strUrl+"&subjectID=3";
break;
case "ImageBtnA3":
mainUrl = strUrl+"&subjectID=2";
break;
}
window.location.href = mainUrl;
}
}