如何创建幻灯片弹出在asp.net PLZ告诉我一步一步的过程 [英] how to creat slide out pop up in asp.net plz tell me the step by step process
本文介绍了如何创建幻灯片弹出在asp.net PLZ告诉我一步一步的过程的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在asp.net中弹出弹出窗口plz告诉我一步一步的过程
解决方案
嗨
查看此代码。
它可能对您有帮助..
根据您的需要修改它。
< html xmlns = http://www.w3.org/1999/xhtml >
< head id = Head1 runat = server >
< script < span class =code-attribute> src = jquery-1.10.2.js type = text / javascript > < / script >
< style 类型 = text / css >
。 PopUpPan el
{
position : 绝对;
background-color : white;
top : 40%;
left : 30%;
z-index : 2001;
padding : 10px;
min-width : 250px;
max-width : 250px;
- moz-box-shadow : 3.5px 4px 5px#000000;
- webkit-box-shadow : 3.5px 4px 5px#000000;
box-shadow : 3.5px 4px 5px#000000;
border-radius : 5px;
- moz-border-radiux : 5px;
- webkit-border -radiux : 5px;
border : 3px稳定绿色;
}
< / 样式 >
< script type = text / javascript >
< span class =code-keyword> var slideup = function (){
( #panelPopUpPanel')。slideUp(' 慢'跨度>);
}
var slidedown = function (){
(' #panelPopUpPanel')。slideDown(' slow');
}
< / script >
< / head >
< ; 正文 >
< 表格 id = form1 runat = server >
< asp:按钮 ID = btn 文字 = slideup OnClientClick = slideup(); return false; runat = server / >
< asp:Button ID = Button1 文字 = slidedown OnClientClick = slidedown(); return false; runat = server / >
< br < span class =code-attribute> / >
< table cellpadding = 0 cellspacing = 0 >
< tr >
< td >
< asp:Panel ID = panelPopUpPanel BackColor = 绿色 宽度 = 100px 高度 = 100px 样式 = 可见性:可见
< span class =code-attribute> runat = server class = PopUpPanel 可见 = true >
你的
< br / >
content
< br / >
此处
< br / > ;
!!!!
< br < span class =code-keyword> / >
< / asp:Panel >
< / td >
< / tr >
< / table >
< / form >
< / body >
< / html > 跨度>
how to creat slide out pop up in asp.net plz tell me the step by step process
解决方案
Hi
check this code.
it might help you..
modify it based on your needs.
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <script src="jquery-1.10.2.js" type="text/javascript"></script> <style type="text/css"> .PopUpPanel { position: absolute; background-color: white; top: 40%; left: 30%; z-index: 2001; padding: 10px; min-width: 250px; max-width: 250px; -moz-box-shadow: 3.5px 4px 5px #000000; -webkit-box-shadow: 3.5px 4px 5px #000000; box-shadow: 3.5px 4px 5px #000000; border-radius: 5px; -moz-border-radiux: 5px; -webkit-border-radiux: 5px; border: 3px solid green; } </style> <script type="text/javascript"> var slideup = function () {
('#panelPopUpPanel').slideUp('slow'); } var slidedown = function () {
('#panelPopUpPanel').slideDown('slow'); } </script> </head> <body> <form id="form1" runat="server"> <asp:Button ID="btn" Text="slideup" OnClientClick="slideup(); return false;" runat="server" /> <asp:Button ID="Button1" Text="slidedown" OnClientClick="slidedown(); return false;" runat="server" /> <br /> <table cellpadding="0" cellspacing="0"> <tr> <td> <asp:Panel ID="panelPopUpPanel" BackColor="Green" Width="100px" Height="100px" Style="visibility: visible" runat="server" class="PopUpPanel" Visible="true"> your <br /> contents <br /> here <br /> !!!! <br /> </asp:Panel> </td> </tr> </table> </form> </body> </html>
这篇关于如何创建幻灯片弹出在asp.net PLZ告诉我一步一步的过程的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文