前端技术的jquery大量使用;
主要的:
弹出层;
弹出图片;
小的提示层;(可用于解释,输入验证提示)
Colorbox ---弹出层,(主要应用:弹出图片查看)
Lightbox ---弹出层,显示图片;
Colorbox:
http://www.cnblogs.com/linzheng/archive/2010/11/17/1880182.html
( http://www.cnblogs.com/linzheng/tag/jQuery/ )
中文:
< html lang ="zh">
title | 默认值 false | 这可以为 Colorbox 设置一个标题
取消:
< input id ="Reset1" type ="reset" value ="取消" />
< script >
$( "#Reset1" ).click( function () {
$( '#Reset1' ).colorbox.close();
});
</ script >
弹出窗体显示html 内容;
$( '#Button_Save' ).colorbox({ html: 'Hello' });
弹出页面:
< a id ="href1"> 弹出页面 </ a >
$( '# href1 ' ).colorbox({ href: " ajax.html " });
<div id="myForm"></div>
inline false 如果是 true,jQuery 选择器可以用来选择要显示的元素。
Example: $("#inline").colorbox({inline:true, href:"#myForm"});
Ajax:
< a class ='ajax' href ="mainInterface/ajax.html" title ="Homer Defined"> Outside HTML (Ajax) </ a >
$( ".ajax" ).colorbox();
Iframe: ---可以应用于 aspx 环境;
< p >< a class ='iframe' href ="mainInterface/cancleOrder.aspx"> Outside Webpage (Iframe) </ a ></ p >
$( ".iframe" ).colorbox({iframe: true , width: "80%" , height: "80%" });
---iframe中的取消:
< script type ="text/javascript">
$( "#Reset1" ).click( function () {
parent.$( "#Reset1" ).colorbox.close();
});
</ script >