欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

多瀏覽器支持的右下角浮動(dòng)窗口

 更新時(shí)間:2010年04月01日 00:37:36   作者:  
支持各種瀏覽器的右下角浮動(dòng)窗口,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:

<script>
function $(id)
{
return document.getElementById(id);
}
var LoginUI = !!window.LoginUI || {};
LoginUI.getViewportWidth = function(){
var width=0;
if(document.documentElement && document.documentElement.clientWidth){
width=document.documentElement.clientWidth;}
else if(document.body && document.body.clientWidth){
width=document.body.clientWidth;}
else if(window.innerWidth){
width=window.innerWidth-18;}
return width;
}
LoginUI.getViewportHeight = function() {
var height=0;
if(window.innerHeight){
height=window.innerHeight-18;}
else if(document.documentElement&&document.documentElement.clientHeight){
height=document.documentElement.clientHeight;}
else if(document.body&&document.body.clientHeight){
height=document.body.clientHeight;}
return height;
}
LoginUI.getViewportScrollX = function(){
var scrollX=0;
if(document.documentElement&&document.documentElement.scrollLeft){
scrollX=document.documentElement.scrollLeft;}
else if(document.body&&document.body.scrollLeft){
scrollX=document.body.scrollLeft;}
else if(window.pageXOffset){
scrollX=window.pageXOffset;}
else if(window.scrollX){
scrollX=window.scrollX;}
return scrollX;
}
LoginUI.getViewportScrollY=function() {
var scrollY=0;
if(document.documentElement&&document.documentElement.scrollTop){
scrollY=document.documentElement.scrollTop;}
else if(document.body&&document.body.scrollTop){
scrollY=document.body.scrollTop;}
else if(window.pageYOffset){
scrollY=window.pageYOffset;}
else if(window.scrollY){
scrollY=window.scrollY;}
return scrollY;
}
function scrollMsgTip()
{
var t = LoginUI.getViewportHeight() + LoginUI.getViewportScrollY() - $("msgtip").offsetHeight;
$("msgtip").style.top = t + "px";
$("msgtip").style.left = LoginUI.getViewportWidth() + LoginUI.getViewportScrollX() - $("msgtip").offsetWidth + "px";
}
function scrollTip()
{
scrollMsgTip()
}
window.onload = window.onscroll = scrollTip;
</script>

以上是js代碼,下面是浮動(dòng)的窗口
復(fù)制代碼 代碼如下:

<div style='position:absolute;top:0;left:0;width:300px;height:180px;border:3px double #AAA' id='msgtip'>dfddfdf</div>

相關(guān)文章

  • window.event.srcElement 得到事件源對(duì)象

    window.event.srcElement 得到事件源對(duì)象

    window.event.srcElement 得到事件源對(duì)象代碼,大家可以參考腳本之家以前發(fā)的代碼,多瀏覽兼容的。
    2009-05-05
  • js實(shí)現(xiàn)獲取div坐標(biāo)的方法

    js實(shí)現(xiàn)獲取div坐標(biāo)的方法

    這篇文章主要介紹了js實(shí)現(xiàn)獲取div坐標(biāo)的方法,通過調(diào)用jQuery插件實(shí)現(xiàn)獲取div元素坐標(biāo)的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-11-11
  • JavaScript中函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別詳解

    JavaScript中函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別詳解

    可能很多朋友只知道兩種聲明方式一個(gè)是函數(shù)聲明一個(gè)是函數(shù)表達(dá)式,具體有什么不同沒能說得很好。事實(shí)上,JavaScript的解析器對(duì)函數(shù)聲明與函數(shù)表達(dá)式并不是一視同仁地對(duì)待的。下面看看這兩者到底有什么不同。
    2016-08-08
  • 詳解小程序橫屏方案對(duì)比

    詳解小程序橫屏方案對(duì)比

    這篇文章主要介紹了小程序橫屏方案對(duì)比,實(shí)現(xiàn)橫屏的方案也有多種,但是每種方案都有一定的缺陷,恰巧最近也在橫屏方案上踩了不少坑,本文就一起來介紹一下吧
    2020-06-06
  • 微信小程序?qū)崿F(xiàn)拼圖小游戲

    微信小程序?qū)崿F(xiàn)拼圖小游戲

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拼圖小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • Webpack?ECMAScript?模塊詳解

    Webpack?ECMAScript?模塊詳解

    ECMAScript 模塊(ESM)是在 Web 中使用模塊的規(guī)范, 所有現(xiàn)代瀏覽器均支持此功能,同時(shí)也是在 Web 中編寫模塊化代碼的推薦方式,這篇文章主要介紹了Webpack?ECMAScript?模塊,需要的朋友可以參考下
    2023-12-12
  • uniapp頁面通訊講解之uni.$emit、uni.$on、uni.$once和uni.$off

    uniapp頁面通訊講解之uni.$emit、uni.$on、uni.$once和uni.$off

    uni-app?是一個(gè)使用vue.js開發(fā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于uniapp頁面通訊之uni.$emit、uni.$on、uni.$once和uni.$off的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • 無阻塞加載腳本分析[全]

    無阻塞加載腳本分析[全]

    script標(biāo)簽的阻塞行為會(huì)對(duì)頁面性能產(chǎn)生負(fù)面影響,大多數(shù)瀏覽器在下載或執(zhí)行腳本的同時(shí),會(huì)阻塞下載位于它之后的資源,也會(huì)阻塞渲染位于它之后的元素。
    2011-01-01
  • Bootstrap實(shí)現(xiàn)模態(tài)框效果

    Bootstrap實(shí)現(xiàn)模態(tài)框效果

    這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)模態(tài)框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • Mac系統(tǒng)下Webstorm快捷鍵整理大全

    Mac系統(tǒng)下Webstorm快捷鍵整理大全

    webstorm應(yīng)該是目前最強(qiáng)的js編輯器了,結(jié)合sublime text可以很效率的開發(fā)項(xiàng)目。下面這篇文章主要給大家整理了一些Mac系統(tǒng)下Webstorm快捷鍵的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-05-05

最新評(píng)論