视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
jquery.alert.js使用总结
2025-09-29 02:58:47 责编:小OO
文档
1、jquery.alerts.js中.alert与dwz的alertMsg中.alert样式冲突:修改jquery.alerts.js中class为

jalert,jconfirm,jimportant,jprompt,把对应的jquery.alerts.css文件也做修改即可。

2、由jquery.alerts.js中的

verticalOffset: -75, // vertical offset of the dialog from center screen, in pixels

horizontalOffset: 0, // horizontal offset of the dialog from center screen, in pixels/

repositionOnResize: true, // re-centers the dialog on window resize

overlayOpacity: 0.4, // transparency level of overlay

overlayColor: '#FFF', // base color of overlay

draggable: true, // make the dialogs draggable (requires UI Draggables plugin)

okButton: ' OK ', // text for the OK button

cancelButton: ' Cancel ', // text for the Cancel button

dialogClass: null, 

可以知道jAlert的弹出框都是默认为中间位置的,在使用时

先初始化弹出框对象

jAlert("hello world

controlJalert();

function controlJalert(){

$("#popup_panel").css("display");//可以隐藏弹出框上面的“是”和“否”按钮(如果有的话)

jQuery.alerts._overlay("hide");//去掉弹出框的遮罩层

//下面的几行是重定位弹出框的初始位置在页面瓦面的右下角,因为jquery.jalert.js中默认弹出框在页面中心位置

var top = ($(window).height() - $("#popup_container").outerHeight() );

var left = ($(window).width() - $("#popup_container").outerWidth() ) ;

if( top < 0 ) top = 0;

if( left < 0 ) left = 0;

// IE6 fix

if( $.browser.msie && parseInt($.browser.version) <= 6 ) top = top + $(window).scrollTop();

$("#popup_container").css({

top: $(window).height() + 'px',

left: left + 'px'

});

$("#popup_container").animate({top: top + 'px',left: left + 'px'});//现在是在页面外面的右下角,所以看不到

//下面这行是以滑动方式弹出,效果为滑动弹出广告的方式

setTimeout('$("#popup_container").animate({top: $(window).height()+"px",left:$(window).width() - $("#popup_container").outerWidth() + "px"});',5000);

//6秒后自动消失

setTimeout('$(\\'#popup_ok\\').trigger(\\'click\\');',6000);

}下载本文

显示全文
专题