地址:天津市河西区环湖中路57号华实大厦7层C10-11 电话:022-28261501 28335110
首 页 产品服务 网站推广及优化 域名注册 空间服务 短信购买 企业邮箱 微信平台 案例 客服中心 联系我们  
 当前位置:首页 > 网站推广及优化 > 详细内容
网站建设

 A型 标准制作
 B型 独立设计
 C型 商城网站
 D型 手机网站

网站优化常见问题 更多..
网络推广首先要从建站开始
网页设计经验和技术能力的重要性
网站制作更应该注重用户体验
什么是FSO?
网页设计的艺术审美
如何判断网页视觉界设计的好坏?
如何处理文章中出现的乱码
 
 
详细内容    
基于jquery的浮动窗口代码知识
发布时间:2013/3/1    点击数:2715  
消息框遮罩层:<iframe id="show_upload_iframe" frameborder=0 scrolling="no" style="display:none; position:absolute;"></iframe><div id="show_upload">nothing...</div>'

  页面加载loading中:<div id="body_loading" onClick="loaded();"><img src="__PUBLIC__/images/body_load.gif"></div>

  关闭浮动窗口:<a href="javascript:hideupload()">关闭窗口建议用小图片</a>

  打开浮动窗口:<a href="javascript:showupload('admin.php')">打开浮动</a>

// 消息框loading
function loading(){
var o = $('#body_loading');
o.css("left",(($(document).width())/2-(parseInt(o.width())/2))+"px");
o.css("top",(($(document).height()+$(document).scrollTop())/2-(parseInt(o.height())/2))+"px");
o.fadeIn("fast");
}
// 消息框消失
function loaded(){
var o = $('#body_loading');
o.fadeOut("fast");
}
// 隐藏浮动窗口
function hideupload(){
$('#show_upload').hide();
$('#show_upload_iframe').hide();
}
// 弹出浮动窗口
function showupload(ajaxurl){
loading();
var o=$('#show_upload');
var f=$('#show_upload_iframe');
var top = 200;
$.ajax({
url: ajaxurl,
//cache: false,
success: function(res){
loaded();
o.html(res);
o.css("left",(($(document).width())/2-(parseInt(o.width())/2))+"px");
if($(document).scrollTop()>200){
top = ($(document).height()+$(document).scrollTop())/2-(parseInt(o.height())/2);
}
o.css("top",top+"px");
f.css({'width':o.width(),'height':o.height(),'left':o.css('left'),'top':o.css('top')});
f.show();
o.show();
}
});
}

 
 
首页    关于我们    战略合作    案例    人才招聘    联系我们
公司总机:022-28261501 28335110       服务邮箱:service@nfree.cn    手机直线:15822335163 QQ:912030008
地址:天津市河西区环湖中路57号华实大厦7层C10-11    备案/许可证编号: 津ICP备11006814号  

津公网安备 12010302001043号


CopyRight 2006~2017 All Rights Reserved 天津市华易动力信息科技有限公司