最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery彈出窗口完整代碼(居中,居左,居右)

 更新時間:2012年10月10日 00:53:39   作者:  
jQuery彈出窗口完整代碼,可以實現(xiàn)窗口居中,居左,居右顯示,比較不錯,需要的朋友可以參考下
核心代碼:
復制代碼 代碼如下:

//獲取窗口的高度
var windowHeight;
//獲取窗口的寬度
var windowWidth;
//獲取彈窗的寬度
var popWidth;
//獲取彈窗高度
var popHeight;
function init(){
windowHeight=$(window).height();
windowWidth=$(window).width();
popHeight=$(".window").height();
popWidth=$(".window").width();
}
//關閉窗口的方法
function closeWindow(){
$(".title img").click(function(){
$(this).parent().parent().hide("slow");
});
}
//定義彈出居中窗口的方法
function popCenterWindow(){
init();
//計算彈出窗口的左上角Y的偏移量
var popY=(windowHeight-popHeight)/2;
var popX=(windowWidth-popWidth)/2;
//alert('m.fzitv.net');
//設定窗口的位置
$("#center").css("top",popY).css("left",popX).slideToggle("slow");
closeWindow();
}
function popLeftWindow(){
init();
//計算彈出窗口的左上角Y的偏移量
var popY=windowHeight-popHeight;
//var popX=-(windowWidth-popWidth);
//alert(popY);
//設定窗口的位置
$("#left").css("top",popY-50).css("left",50).slideToggle("slow");
closeWindow();
}
function popRightWindow(){
init();
//計算彈出窗口的左上角Y的偏移量
var popY=windowHeight-popHeight;
var popX=windowWidth-popWidth;
//alert(www.cnblogs.com/jihua);
//設定窗口的位置
$("#right").css("top",popY-50).css("left",popX-50).slideToggle("slow");
closeWindow();
}

完整代碼:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

作者 cnblogs jihua

相關文章

  • 用jQuery實現(xiàn)的模擬下拉框代碼

    用jQuery實現(xiàn)的模擬下拉框代碼

    用jQuery制作模擬下拉框 瀏覽器自帶的 下拉框樣式不好看。在ie6下,下拉框的優(yōu)先級大于層,經(jīng)常導致下拉框顯示在層的上面。
    2010-03-03
  • jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例

    jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例

    這篇文章主要介紹了jQuery使用getJSON方法獲取json數(shù)據(jù),結(jié)合完整實例形式分析了getJSON方法讀取與遍歷json文件數(shù)據(jù)的相關技巧,需要的朋友可以參考下
    2016-09-09
  • jQuery通過Ajax返回JSON數(shù)據(jù)

    jQuery通過Ajax返回JSON數(shù)據(jù)

    最近在使用JQuery的ajax方法時,要求返回的數(shù)據(jù)為json數(shù)據(jù),在處理的過程中遇到下面的幾個問題,那就是采用不同的方式來生成json數(shù)據(jù)的時候,在$.ajax方法中應該是如何來處理的,下面依次來進行說明。
    2015-04-04
  • jquery 新浪網(wǎng)易的評論塊制作

    jquery 新浪網(wǎng)易的評論塊制作

    新浪網(wǎng)易的評論塊制作 因為 textarea里面不能放圖片,所以和新浪的做法一樣,選用iframe放內(nèi)容,然后隱藏一個 textarea用于提交。
    2010-07-07
  • jQuery彈框插件使用方法詳解

    jQuery彈框插件使用方法詳解

    這篇文章主要為大家詳細介紹了jQuery彈框插件的使用方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • jQuery實現(xiàn)切換頁面布局使用介紹

    jQuery實現(xiàn)切換頁面布局使用介紹

    在很多網(wǎng)站尤其在一些購物網(wǎng)站上,展示商品的列表頁提供了許多商品,用戶可以選擇商品的展示方式如列表方式展示和櫥窗方式展示等。在本例中,將給您講述如何實現(xiàn)這種效果
    2011-10-10
  • jQuery制作效果超棒的手風琴折疊菜單

    jQuery制作效果超棒的手風琴折疊菜單

    這篇文章主要介紹了jQuery制作效果超棒的手風琴折疊菜單的效果,這里推薦給大家,有需要的小伙伴可以參考下
    2015-04-04
  • jquery動態(tài)增加刪減表格行特效

    jquery動態(tài)增加刪減表格行特效

    這篇文章主要介紹了jquery動態(tài)增加刪減表格行特效實現(xiàn)代碼,
    2015-11-11
  • jQuery實現(xiàn)側(cè)邊導航欄及滑動電梯效果(仿淘寶)

    jQuery實現(xiàn)側(cè)邊導航欄及滑動電梯效果(仿淘寶)

    這篇文章主要介紹了如何利用JQuery+CSS模擬淘寶實現(xiàn)側(cè)邊導航欄以及滑動電梯效果,文中的示例代碼講解詳細,感興趣的小伙伴可以動手試一試
    2022-03-03
  • jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法

    jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法

    這篇文章主要介紹了jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法,十分的實用,遇到相同問題,需要解決的朋友可以參考下
    2015-03-03

最新評論

莒南县| 安庆市| 准格尔旗| 双峰县| 阳新县| 玉屏| 武义县| 河东区| 郸城县| 阜新市| 峨山| 神农架林区| 嘉黎县| 山丹县| 无锡市| 长葛市| 介休市| 松溪县| 凌云县| 库尔勒市| 合山市| 维西| 宽甸| 淮北市| 古交市| 廊坊市| 庆元县| 沾化县| 长泰县| 济宁市| 当阳市| 张家界市| 高密市| 资讯 | 会东县| 永城市| 成都市| 瓦房店市| 务川| 南召县| 金塔县|