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

一些很實用且必用的小腳本代碼第2/5頁

 更新時間:2006年08月12日 00:00:00   作者:  

腳本11:鼠標旁邊的提示信息,類似與163登錄后的頁面提示效果




<a href="#" title="這是提示">tip</a>  
<script Language="JavaScript">  
//***********默認設置定義.*********************  
tPopWait=50;//停留tWait豪秒后顯示提示。  
tPopShow=5000;//顯示tShow豪秒后關閉提示  
showPopStep=20;  
popOpacity=99;  
//***************內部變量定義*****************  
sPop=null;  
curShow=null;  
tFadeOut=null;  
tFadeIn=null;  
tFadeWaiting=null;  
document.write("<style type='text/css'id='defaultPopStyle'>");  
document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");  
document.write("</style>");  
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");  
function showPopupText(){  
var o=event.srcElement;  
MouseX=event.x;  
MouseY=event.y;  
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};  
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};  
if(o.dypop!=sPop) {  
sPop=o.dypop;  
clearTimeout(curShow);  
clearTimeout(tFadeOut);  
clearTimeout(tFadeIn);  
clearTimeout(tFadeWaiting);  
if(sPop==null || sPop=="") {  
dypopLayer.innerHTML="";  
dypopLayer.style.filter="Alpha()";  
dypopLayer.filters.Alpha.opacity=0;  
}  
else {  
if(o.dyclass!=null) popStyle=o.dyclass   
else popStyle="cPopText";  
curShow=setTimeout("showIt()",tPopWait);  
}  
}  
}  
function showIt(){  
dypopLayer.className=popStyle;  
dypopLayer.innerHTML=sPop;  
popWidth=dypopLayer.clientWidth;  
popHeight=dypopLayer.clientHeight;  
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24  
else popLeftAdjust=0;  
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24  
else popTopAdjust=0;  
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;  
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;  
dypopLayer.style.filter="Alpha(Opacity=0)";  
fadeOut();  
}  
function fadeOut(){  
if(dypopLayer.filters.Alpha.opacity<popOpacity) {  
dypopLayer.filters.Alpha.opacity+=showPopStep;  
tFadeOut=setTimeout("fadeOut()",1);  
}  
else {  
dypopLayer.filters.Alpha.opacity=popOpacity;  
tFadeWaiting=setTimeout("fadeIn()",tPopShow);  
}  
}  
function fadeIn(){  
if(dypopLayer.filters.Alpha.opacity>0) {  
dypopLayer.filters.Alpha.opacity-=1;  
tFadeIn=setTimeout("fadeIn()",1);  
}  
}  
document.onmouseover=showPopupText;  
</script>


腳本12:如果文字過長,則將過長的部分變成省略號顯示



<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;  
            overflow: hidden; text-overflow:ellipsis">  
<NOBR>就是比如有一行文字,很長,表格內一行顯示不下.</NOBR>  
</DIV>

腳本13:滾動的圖片



<script language="javascript"> 
imgArr=new Array() 
imgArr[0]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[1]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[2]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[3]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[4]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
var moveStep=4        //步長,單位:pixel 
var moveRelax=100    //移動時間間隔,單位:ms 
ns4=(document.layers)?true:false 
var displayImgAmount=4    //視區(qū)窗口可顯示個數(shù) 
var divWidth=220    //每塊圖片占位寬 
var divHeight=145    //每塊圖片占位高 
var startDnum=0 
var nextDnum=startDnum+displayImgAmount 
var timeID 
var outHover=false 
var startDivClipLeft 
var nextDivClipRight 
function initDivPlace(){ 
    if (ns4){ 
        for (i=0;i<displayImgAmount;i++){ 
            eval("document.divOuter.document.divAds"+i+".left="+divWidth*i) 
        } 
        for (i=displayImgAmount;i<imgArr.length;i++){ 
            eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount) 
        } 
    }else{ 
        for (i=0;i<displayImgAmount;i++){ 
            eval("document.all.divAds"+i+".style.left="+divWidth*i) 
        } 
        for (i=displayImgAmount;i<imgArr.length;i++){ 
            eval("document.all.divAds"+i+".style.left="+divWidth*displayImgAmount) 
        } 
    } 

function mvStart(){ 
    timeID=setTimeout(moveLeftDiv,moveRelax) 

function mvStop(){ 
    clearTimeout(timeID) 

function moveLeftDiv(){ 
    if (ns4){ 
        for (i=0;i<=displayImgAmount;i++){ 
            eval("document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left=document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left-moveStep") 
        } 
        startDivClipLeft=parseInt(eval("document.divOuter.document.divAds"+startDnum+".clip.left")) 
        nextDivClipRight=parseInt(eval("document.divOuter.document.divAds"+nextDnum+".clip.right")) 
        if (startDivClipLeft+moveStep>divWidth){ 
            eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+divWidth) 

            eval("document.divOuter.document.divAds"+startDnum+".left="+divWidth*displayImgAmount) 
            eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".left=document.divOuter.document.divAds"+nextDnum+".left+"+divWidth) 
            eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".clip.left=0") 

             
            startDnum=(++startDnum)%imgArr.length 
            nextDnum=(startDnum+displayImgAmount)%imgArr.length 

            startDivClipLeft=moveStep-(divWidth-startDivClipLeft) 
            nextDivClipRight=moveStep-(divWidth-nextDivClipRight) 
        }else{ 
            eval("document.divOuter.document.divAds"+nextDnum+".clip.left=0") 
            startDivClipLeft+=moveStep 
            nextDivClipRight+=moveStep 
        } 
        eval("document.divOuter.document.divAds"+startDnum+".clip.left="+startDivClipLeft) 
        eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+nextDivClipRight) 
    }else{ 
        for (i=0;i<=displayImgAmount;i++){ 
            eval("document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.left=document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.pixelLeft-moveStep") 
        } 

        startDivClipLeft=parseInt(eval("document.all.divAds"+startDnum+".currentStyle.clipLeft")) 
        nextDivClipRight=parseInt(eval("document.all.divAds"+nextDnum+".currentStyle.clipRight")) 

        if (startDivClipLeft+moveStep>divWidth){ 
            eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+divWidth+","+divHeight+",0"+")'") 

            eval("document.all.divAds"+startDnum+".style.left="+divWidth*displayImgAmount) 
            eval("document.all.divAds"+parseInt((nextDnum+1)%imgArr.length)+".style.left=document.all.divAds"+nextDnum+".style.pixelLeft+"+divWidth) 

            startDnum=(++startDnum)%imgArr.length 
            nextDnum=(startDnum+displayImgAmount)%imgArr.length 

            startDivClipLeft=moveStep-(divWidth-startDivClipLeft) 
            nextDivClipRight=moveStep-(divWidth-nextDivClipRight) 
        }else{ 
            startDivClipLeft+=moveStep 
            nextDivClipRight+=moveStep 
        } 
        eval("document.all.divAds"+startDnum+".style.clip='rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")'") 
        eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+nextDivClipRight+","+divHeight+",0)'") 
    } 
    if (outHover){ 
        mvStop() 
    }else{ 
        mvStart() 
    } 

     

function writeDivs(){ 
    if (ns4){ 
        document.write("<ilayer name=divOuter width=750 height="+divHeight+">") 

        for (i=0;i<imgArr.length;i++){ 
            document.write("<layer name=divAds"+i+">") 
            document.write(imgArr[i]+" ") 
            document.write("</layer>") 
        } 
        document.write("</ilayer>") 
        document.close() 
        for (i=displayImgAmount;i<imgArr.length;i++){ 
            eval("document.divOuter.document.divAds"+i+".clip.right=0") 
        } 
    }else{ 
        document.write("<div id=divOuter style='position:relative' width=750 height="+divHeight+">") 

        for (i=0;i<imgArr.length;i++){ 
            document.write("<div id=divAds"+i+" style='position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)'>") 
            document.write(imgArr[i]+" ") 
            document.write("</div>") 
        } 
        document.write("</div>") 
        for (i=displayImgAmount;i<imgArr.length;i++){ 
            eval("document.all.divAds"+i+".style.clip='rect(0,0,"+divHeight+",0)'") 
        } 
    } 

</script> 
<BODY onload=javascript:mvStart()> 
<SCRIPT language=javascript>writeDivs();initDivPlace();</SCRIPT> 

相關文章

  • JS截取字符串常用方法詳細整理

    JS截取字符串常用方法詳細整理

    截取字符串的使用比較廣泛,有很多中方法,本文粗略的整理了一些,感興趣的額朋友可以才參考下
    2013-10-10
  • JavaScript中實現(xiàn)單體模式分享

    JavaScript中實現(xiàn)單體模式分享

    這篇文章主要介紹了JavaScript中實現(xiàn)單體模式分享,單體模式的定義:單體是一個用來劃分命名空間并將一批相關方法和屬性組織在一起的對象,如果它能夠被實例化,那么只能被實例化一次,需要的朋友可以參考下
    2015-01-01
  • Bootstrap 附加導航(Affix)插件實例詳解

    Bootstrap 附加導航(Affix)插件實例詳解

    附加導航(Affix)插件允許某個 <div> 固定在頁面的某個位置。接下來通過本文給大家介紹Bootstrap 附加導航(Affix)插件實例詳解,感興趣的朋友一起看看吧
    2016-06-06
  • MQTT.js 入門使用教程

    MQTT.js 入門使用教程

    MQTT.js?是一個開源的?MQTT 協(xié)議的客戶端庫,使用 JavaScript 編寫,主要用于 Node.js 和 瀏覽器環(huán)境中,這篇文章主要介紹了MQTT.js 入門教程,需要的朋友可以參考下
    2023-04-04
  • JavaScript獲取對象鍵名的五種方法

    JavaScript獲取對象鍵名的五種方法

    在 JavaScript 中,操作對象時獲取鍵名是高頻需求,不同場景下,我們需要篩選「自身/繼承屬性」「可枚舉/不可枚舉鍵」「字符串/Symbol 鍵」,本文將全面梳理 5 種核心方法的差異與適用場景,助你精準選擇,需要的朋友可以參考下
    2025-04-04
  • js中火星坐標、百度坐標、WGS84坐標轉換實現(xiàn)方法示例

    js中火星坐標、百度坐標、WGS84坐標轉換實現(xiàn)方法示例

    這篇文章主要介紹了js中火星坐標、百度坐標、WGS84坐標轉換實現(xiàn)方法,涉及JavaScript數(shù)值計算相關操作技巧,需要的朋友可以參考下
    2020-03-03
  • JavaScript+html實現(xiàn)前端頁面滑動驗證

    JavaScript+html實現(xiàn)前端頁面滑動驗證

    這篇文章主要為大家詳細介紹了JavaScript+html實現(xiàn)前端頁面滑動驗證,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • JavaScript Scoping and Hoisting 翻譯

    JavaScript Scoping and Hoisting 翻譯

    希望這篇文章能夠給JavaScript程序員最容易困惑的部分一些啟示。我盡力寫的全面,以免引起更多的困惑。如果我寫錯了或是漏掉了某些重要的東西,請一定讓我知道
    2012-07-07
  • JS寫滑稽笑臉運動效果

    JS寫滑稽笑臉運動效果

    這篇文章主要介紹了JS寫滑稽笑臉運動效果,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-05-05
  • javascript 用記憶函數(shù)快速計算遞歸函數(shù)

    javascript 用記憶函數(shù)快速計算遞歸函數(shù)

    摘自《JavaScript: The Good Parts》,作為讀書筆記備用。對于追求執(zhí)行效率的朋友可以參考下。
    2010-03-03

最新評論

阿坝县| 太白县| 库车县| 吐鲁番市| 凤庆县| 新泰市| 凉城县| 东乡县| 信宜市| 华阴市| 平阳县| 成武县| 垫江县| 会理县| 汕尾市| 孟村| 得荣县| 雷波县| 华宁县| 浦北县| 留坝县| 遂宁市| 花莲县| 福建省| 井研县| 民勤县| 屯留县| 泗水县| 津市市| 武冈市| 岳阳市| 宁德市| 隆林| 凤庆县| 环江| 古交市| 镇平县| 宣城市| 溧阳市| 陕西省| 巍山|