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
;
}
查看全文
相关阅读:
PHP 输出true false
code::blocks 注释快捷键
GDAL 网址
wine qq2011安装
C++ ACM解题
C++内存分配秘籍—new,malloc,GlobalAlloc详解(Zhuan)
grub4dos初级教程-入门篇(Z)
GDAL 编译(转)
ubuntu双系统安装
shapfile格式说明(转)
原文地址:https://www.cnblogs.com/brawei/p/548353.html
最新文章
scala小例子
scala001
电脑配置
scala111
华为软件测试工程师与普通软件工程师的区别
航班
scala与java的性能对比
code::blocks 修改代码字体颜色大小等
阿度走了
鸟利与鸟害
热门文章
win7笔记本为手机共享wifi
Zend Studio 快捷键
DNAsp的SpeciesName困扰
sql 分组查询 按组内个数排序
PHP文件下载
PHP strstr
&a+1
研究鸟类迁徙的目的和意义
神人来袭
混乱的鸟类属名
Copyright © 2011-2022 走看看