?????2)實(shí)現(xiàn)遮罩層和彈出登錄界面的層的js文件Scripts/common.js的代碼,注意,里面硬寫了一些母版頁Site.master中的元素的ID
$(function () {
?var screenwidth, screenheight, mytop, getPosLeft, getPosTop
?screenwidth = $(window).width();
?screenheight = $(window).height();
?//獲取滾動條距頂部的偏移
?mytop = $(document).scrollTop();
?//計(jì)算彈出層的left
?getPosLeft = screenwidth / 2 - 200;
?//計(jì)算彈出層的top
?getPosTop = screenheight / 2 - 150;
?//css定位彈出層
?$("#divLoginWindow").css({ "left": getPosLeft, "top": getPosTop });
?//當(dāng)瀏覽器窗口大小改變時
?$(window).resize(function () {
?screenwidth = $(window).width();
?screenheight = $(window).height();
?mytop = $(document).scrollTop();
?getPosLeft = screenwidth / 2 - 200;
?getPosTop = screenheight / 2 - 150;
?$("#divLoginWindow").css({ "left": getPosLeft, "top": getPosTop + mytop });
?});
?//當(dāng)拉動滾動條時,彈出層跟著移動
?$(window).scroll(function () {
?screenwidth = $(window).width();
?screenheight = $(window).height();
?mytop = $(document).scrollTop();
?getPosLeft = screenwidth / 2 - 200;
?getPosTop = screenheight / 2 - 150;
?$("#divLoginWindow").css({ "left": getPosLeft, "top": getPosTop + mytop });
?});
?//點(diǎn)擊鏈接彈出登錄窗口
?$("#popup").click(function () {
?$("#divLoginWindow").fadeIn("slow"); //toggle("slow");
?$("#txtUserName").focus();
?//獲取頁面文檔的高度
?var docheight = $(document).height();
?//追加一個層,使背景變灰
?$("body").append("");
?$("#greybackground").css({ "opacity": "0.5", "height": docheight });
?return false;
?});
?//點(diǎn)擊關(guān)閉按鈕
?$("#closeBtn").click(function () {
?$("#divLoginWindow").fadeOut("slow"); ////hide();
?//刪除變灰的層
?$("#greybackground").remove();
?return false;
?});
});
?
//更換驗(yàn)證碼圖片
function ChangeCode(obj) {
?obj.src = "Code.aspx?" + Math.random();
}
?
評論