通过点击图标对特定区域的控件实现隐藏,从而实现收放效果(简单用法,VS2005)

最新推荐文章于 2024-10-31 11:59:43 发布

aqbeyond

最新推荐文章于 2024-10-31 11:59:43 发布

阅读量266

点赞数

分类专栏： ASP.NET专题文章标签： function table div

ASP.NET专题专栏收录该内容

7 篇文章 0 订阅

订阅专栏

效果1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> Test Page <script type="text/javascript" > function ImageClick1(ImageObj,flag) { var EditAreas = document.getElementsByName("EditArea" + flag); if(ImageObj) { if(ImageObj.title == "1") { ImageObj.title = "2" ImageObj.src = "../Web/Images/bullet_toggle_plus.png"; for(var index = 0; index < EditAreas.length; index++) EditAreas[index].style.display = "none"; } else { ImageObj.title = "1" ImageObj.src = "../Web/Images/bullet_toggle_minus.png"; for(var index = 0; index < EditAreas.length; index++) EditAreas[index].style.display = "block"; } } } </script> 效果2 <script> /* By Auntion QQ 82874972 使用方法调用效果: Effect(1,2); 其中1为: 被改变对象的id 其中2为: 控制容器的id 可在使用: this.parentNode.id 取得(父标签的id) 注意给对象ID的时候一定不要重复. */ function $G(Read_Id) { return document.getElementById(Read_Id) } function Effect(ObjectId,parentId){ var Obj_Display = $G(ObjectId).style.display; if (Obj_Display == 'none'){ Start(ObjectId,'Opens'); $G(parentId).innerHTML = " 关闭" }else{ Start(ObjectId,'Close'); $G(parentId).innerHTML = " 打开" } } function Start(ObjId,method){ var BoxHeight = $G(ObjId).offsetHeight; //获取对象高度 var MinHeight = 5; //定义对象最小高度 var MaxHeight = 130; //定义对象最大高度 var BoxAddMax = 1; //递增量初始值 var Every_Add = 0.15; //每次的递(减)增量 [数值越大速度越快] var Reduce = (BoxAddMax - Every_Add); var Add = (BoxAddMax + Every_Add); //关闭动作************************************** if (method == "Close"){ var Alter_Close = function(){ //构建一个虚拟的[递减]循环 BoxAddMax /= Reduce; BoxHeight -= BoxAddMax; if (BoxHeight <= MinHeight){ $G(ObjId).style.display = "none"; window.clearInterval(BoxAction); } else $G(ObjId).style.height = BoxHeight; } var BoxAction = window.setInterval(Alter_Close,1); } //打开动作************************************** else if (method == "Opens"){ var Alter_Opens = function(){ BoxAddMax *= Add; BoxHeight += BoxAddMax; if (BoxHeight >= MaxHeight){ $G(ObjId).style.height = MaxHeight; window.clearInterval(BoxAction); }else{ $G(ObjId).style.display= "block"; $G(ObjId).style.height = BoxHeight; } } var BoxAction = window.setInterval(Alter_Opens,1); } } </script>

关闭

这
里
是
第
二
,
很
正
常

▲

打开