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
;
}
查看全文
相关阅读:
Integer类_java_1
Pytest使用随笔_1_"no tests ran"
postgres执行计划_1_索引
Jprofile使用随笔_2_内存泄漏
leetcode76. Minimum Window Substring
leetcode87. Scramble String
hihocoder1310 岛屿
leetcode644. Maximum Average Subarray II
leetcode132. Palindrome Partitioning II
leetcode143. Reorder List
原文地址:https://www.cnblogs.com/brawei/p/548353.html
最新文章
ajax请求中contentType与dataType区别
Python中高阶函数sorted()用法
IntelliJ IDEA 注册码
程序员技术练级攻略
操作系统比较Mac
Ubuntu
Ruby 前言
版本控制和分支
MVC前言
JSON.Net
热门文章
appfog和mongohq
GitHub
LESS
python,iterator,generator
批处理_1
linux漏洞修复——tomcat
web前端加载性能检测
python网络编程:udp&tcp&socket
java基础-容器
安全测试&漏洞扫描
Copyright © 2011-2022 走看看