经典JAVASCRIPT 代码
2006-11-13 10:13
375 查看
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";
}
4000
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" %>
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)";
}
}
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;
}
}
<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";
}
4000
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" %>
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)";
}
}
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;
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript经典代码总结
- 14 个经典的Javascript代码
- JavaScript使用技巧精萃 经典代码收藏版
- Javascript中最常用的61段经典代码
- JavaScript 经典代码（7）
- javascript魔力的经典代码
- 经常用到的javaScript技术代码（经典）
- [收藏] JavaScript 经典效果集 - 11.7更新大家欣赏,收藏完之后,别忘了留一个自己珍藏的好代码
- [特效代码][转贴]Javascript中最常用的55个经典技巧
- 经常用到的javaScript技术代码（经典）
- 经典JavaScript代码
- javascript魔力的经典代码
- JavaScript 经典代码（1）
- JavaScript 经典代码（9）
- JavaScript经典代码总结
- js经典代码技巧学习之一：使用三元运算符处理javascript兼容
- 经典限制文本字节数javaScript代码！
- 14个经典的JavaScript代码
- 经常用到的javaScript技术代码（经典）
- 【★】javascript 常用代码 超经典！