zoukankan
html css js c++ java
.net中服務器端與客戶端代碼交替使DIV展開或收縮
在實際應用中,點擊某圖片時,客戶端代碼與服務器端事件都能使一個DIV展開或收縮,實現如下。
先創建一個圖片,如下:
<
IMG
alt
="To down"
id
="ImageButton1"
class
="CursorIsHand"
runat
="server"
src
="../Images/Toolbar/Arrow_down.gif"
>
寫Javascript函數,如下:
function
PlusMinusDiv()
{
var
objDiv
=
document.getElementById(
"
divGrid
"
);
var
objImg
=
document.getElementById(
"
ImageButton1
"
);
//
alert(objDiv.style.height);
if
(objDiv.style.height
==
'0px')
{
objDiv.style.height
=
150
;
objImg.src
=
"
../Images/Toolbar/Arrow_up.gif
"
objImg.alt
=
"
To top
"
;
}
else
{
objDiv.style.height
=
0
;
objImg.src
=
"
../Images/Toolbar/Arrow_down.gif
"
objImg.alt
=
"
To down
"
;
}
}
寫(!this.IsPostBack) 中 寫this.ImageButton1.Attributes.Add("onclick","PlusMinusDiv();");
寫C#代碼,以在點擊某按鈕後展開DIV
private
void
DivGridVisible()
{
ImageButton1.Src
=
"
../Images/Toolbar/Arrow_up.gif
"
;
ImageButton1.Alt
=
"
To Top
"
;
this
.divGrid.Style.Add(
"
height
"
,
"
150
"
);
divGrid.Visible
=
true
;
}
查看全文
相关阅读:
Leetcode Palindrome Linked List
Leetcode Delete Node in a Linked List
Leetcode Ugly Number
Python 列表解析
Python 生成器以及应用
Python 迭代器协议以及可迭代对象、迭代器对象
Python 装饰器
Python 函数的嵌套
Python 闭包函数
Python 名称空间与作用域
原文地址:https://www.cnblogs.com/brawei/p/548353.html
最新文章
Setting .xap MIME Type for Silverlight
微軟将弃用 System.Data.OracleClient
微軟将弃用 System.Data.OracleClient
linux下nginx+svn
linux下nginx+svn
ArcGIS 10 Engine DevelopKit 之安装与帮助;VBA,跨平台CPP,JAVA,ArcGIS Engine DevelopKit 10 的帮助如何打开
ArcGIS 10 Engine DevelopKit 之安装与帮助;VBA,跨平台CPP,JAVA,ArcGIS Engine DevelopKit 10 的帮助如何打开
VMware 9 安装 Mac OS X 10.8 Mountain Lion 图文全程
Dijkstra 最短路算法(只能计算出一条最短路径,所有路径用dfs)
9.26-9.30
热门文章
std::max与max宏 混淆解决办法(转)
ongoing plan(9.19-9.26)
ongoing plan(9.12-9.17)
Leetcode Number of 1 Bits
Leetcode Implement Queue using Stacks
Leetcode Implement Stack using Queues
Leetcode Palindrome Number
Leetcode Valid Anagram
Leetcode Rectangle Area
Leetcode ZigZag conversion
Copyright © 2011-2022 走看看