如何实现网页弹小窗口 这是一直困扰我很久的问题,就是某些网站上是如何实现弹小窗口的?例如 douban.fm 上点击“登录”后弹出的登录小窗口,一直在google和百度上寻找未果,后以为是jQuery能够默认提供实现,学完后依然未果。望论坛内的大哥能告知,小弟将感激不尽。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://wed.7192.com/这个顶部有个切换城市的蓝色链接,你点击下。看是不是这样的效果!如果是,那下面就是代码:function getArea(pid){ pid = parseInt(pid,10); if(!pid) $pid= 0 ; $.ajax({ type : 'get', url : '/getarea.php?aid='+pid+'&r='+Math.random(), success : function(data){ $('#display_area').empty(); eval('var c='+data+';'); for(k in c){ var t = $('<a>'+c[k]+'</a>'); (function(k,pid){ if(pid){ t.click(function(){ $('#area_id').val(k); $('#p_city').val($(this).html()); $('#p_city_p').val(pid); $('#p_city_c').val(k); $('#areawin').remove(); $('#my_area').html($(this).html()); window.location.href="search.php?act=area&dosubmit=zero&p_city_p="+pid+"&p_city_c="+k; }); }else{ t.click(function(){ getArea(k); }); } })(k,pid); t.appendTo($('#display_area')); } } });}function selectArea(e){ if($('#areawin')){ $('#areawin').remove(); } getArea(); var e = $(e), pos = e.position(); var con = $('<div></div>'),sos=$('<div></div>'),tit = $('<div></div>'),nei = $('<div></div>'); con.addClass('fwin') .css('display','none') .css('top',pos.top+10+e.height()+'px') .css('left',pos.left+'px') .attr('id','areawin'); sos.addClass('fwin_soso').appendTo(con); tit.addClass('fwin_title').html('<img src="img/area_close.gif" onclick="$(\'#areawin\').remove();" style="cursor: pointer; float: right; margin-top: -3px;" />点击选择地区').appendTo(sos); nei.addClass('fwin_con').attr('id','display_area').appendTo(sos); con.appendTo($(document.body)); con.show();} 首先感谢楼上的大哥,刚才看了下,不过不是这种效果,大哥可以去douban.fm看看(应该是和discuz的是一样的),貌似和大哥给的代码差不多,我觉得应该也是用div+js实现的。 jquery 的 弹出层插件.去看看jquery 然后看看 那些茫茫多的 弹出层ui 插件. Do(function(){ $('#fm-header .lnk-login').click(function(e){ e.preventDefault(); DBR.show_login(); }); }); 如何用NOTEPAD调试PHP? PHP 循环一周的日历 PHP中父类能用子类的成员函数吗? 钻了一天牛角尖,URL参数值问题,请大侠们来结个贴。 PHP读取xml数据 如何让打开Word的IE窗口在关闭时不提示保存? 请教iis6+php的奇怪问题 这两天搞了一个web技术文章的网站,收集了上万文章,希望对大家有所帮助 一个问题在线等答 php 怎么确定用户已经登录 smarty中的section怎么循环从数据库得到的数据?试了很多次.都不行 PHP 密码验证正则表达式
pid = parseInt(pid,10);
if(!pid) $pid= 0 ;
$.ajax({
type : 'get',
url : '/getarea.php?aid='+pid+'&r='+Math.random(),
success : function(data){
$('#display_area').empty();
eval('var c='+data+';');
for(k in c){
var t = $('<a>'+c[k]+'</a>');
(function(k,pid){
if(pid){
t.click(function(){
$('#area_id').val(k);
$('#p_city').val($(this).html());
$('#p_city_p').val(pid);
$('#p_city_c').val(k);
$('#areawin').remove();
$('#my_area').html($(this).html());
window.location.href="search.php?act=area&dosubmit=zero&p_city_p="+pid+"&p_city_c="+k;
});
}else{
t.click(function(){
getArea(k);
});
}
})(k,pid);
t.appendTo($('#display_area'));
}
}
});
}
function selectArea(e){
if($('#areawin')){
$('#areawin').remove();
}
getArea();
var e = $(e),
pos = e.position();
var con = $('<div></div>'),sos=$('<div></div>'),tit = $('<div></div>'),nei = $('<div></div>');
con.addClass('fwin')
.css('display','none')
.css('top',pos.top+10+e.height()+'px')
.css('left',pos.left+'px')
.attr('id','areawin');
sos.addClass('fwin_soso').appendTo(con);
tit.addClass('fwin_title').html('<img src="img/area_close.gif" onclick="$(\'#areawin\').remove();" style="cursor: pointer; float: right; margin-top: -3px;" />点击选择地区').appendTo(sos);
nei.addClass('fwin_con').attr('id','display_area').appendTo(sos);
con.appendTo($(document.body));
con.show();
}