<fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>

<bdo id="8imwq"><input id="8imwq"></input></bdo>

<sup id="2kywy"></sup>

<ul id="2kywy"><pre id="2kywy"></pre></ul>

<ul id="2kywy"><tbody id="2kywy"></tbody></ul><th id="2kywy"></th><samp id="2kywy"></samp><kbd id="2kywy"><pre id="2kywy"></pre></kbd>

<samp id="2kywy"><tbody id="2kywy"></tbody></samp>

點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

js鼠標移動在title中顯示圖片的效果代碼_圖象特效

來源：懂視網責編：小采時間：2020-11-27 20:45:53

js鼠標移動在title中顯示圖片的效果代碼_圖象特效

js鼠標移動在title中顯示圖片的效果代碼_圖象特效:1.js代碼代碼如下://***********默認設置定義.********************* tPopWait=50;//停留tWait豪秒后顯示提示。 tPopShow=5000;//顯示tShow豪秒后關閉提示 showPopStep=20; popOpacity=99; //***************

推薦度：

點擊下載本文 文檔為doc格式

導讀js鼠標移動在title中顯示圖片的效果代碼_圖象特效:1.js代碼代碼如下://***********默認設置定義.********************* tPopWait=50;//停留tWait豪秒后顯示提示。 tPopShow=5000;//顯示tShow豪秒后關閉提示 showPopStep=20; popOpacity=99; //***************

1.js代碼
代碼如下:
//***********默認設置定義.*********************
tPopWait=50;//停留tWait豪秒后顯示提示。
tPopShow=5000;//顯示tShow豪秒后關閉提示
showPopStep=20;
popOpacity=99;

//***************內部變量定義*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;

document.write("");
document.write("");

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 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;

2.html代碼包含js代碼即可，使用范例
具體的看腳本之家給出的測試代碼。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <script type="text/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 { line-break : normal;word-break : break-all ; background-color: #FEFCF3;color:#000000; border: 1px #E7B68C solid;padding-top: 2px; padding-right: 4px; padding-left: 4px; padding-bottom: 2px;font-size: 12px;width:468px; filter: Alpha(Opacity=0)}"); document.write("</style>"); document.write(""); 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> </head> <body> 腳本之家測試中心，測試代碼。理論上應該沒問題了 <p><p> ">大 ">小 </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js鼠標移動在title中顯示圖片的效果代碼_圖象特效

js鼠標移動在title中顯示圖片的效果代碼_圖象特效:1.js代碼代碼如下://***********默認設置定義.********************* tPopWait=50;//停留tWait豪秒后顯示提示。 tPopShow=5000;//顯示tShow豪秒后關閉提示 showPopStep=20; popOpacity=99; //***************

推薦度：

點擊下載本文 文檔為doc格式

標簽：圖片鼠標 js

熱門焦點

最新推薦

猜你喜歡

熱門推薦

產品服務發展歷程企業資訊企業文化關于我們加入我們聯系我們網站導航網站律師

中國掃黃打非網

Copyright ? 2019-2025 www.polareal.com 版權所有

贛ICP備2023002352號-2

違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務

Top 主站蜘蛛池模板： 91老司机深夜福利精品视频在线观看 | 国产精品亚洲αv天堂无码| 亚洲欧美日韩国产精品专区| 青青草国产精品| 久久亚洲精品国产精品| 欧美精品一区二区久久| 国产成人无码精品久久久免费 | 国产精品国产三级在线高清观看| 欧美日韩精品在线观看| 99热精品久久只有精品| 国产伦精品一区二区三区女| 久久久免费精品re6| 四虎精品成人免费视频| 国产精品美女久久久免费| 欧美成人精品一区二区三区| 国内精品人妻无码久久久影院| 亚洲综合精品香蕉久久网| 热RE99久久精品国产66热| 国产三级国产精品国产普男人 | 国内精品91最新在线观看| 国产乱码精品一区二区三区中文| 在线精品国产一区二区三区| 免费人妻精品一区二区三区| 国产在AJ精品| 国产成人1024精品免费| 欧美精品亚洲精品日韩| 国产精品久久久久久久久免费| 国产精品嫩草影院AV| 国产精品区免费视频| 成人精品视频一区二区三区| 久久国产精品无码HDAV| 精品国产第一国产综合精品| 久久久精品国产sm调教网站| 久久久一本精品99久久精品66 | 久热精品视频第一页| 人妻无码久久精品| 亚洲国产精品自产在线播放| 亚洲国产精品毛片av不卡在线| 久久se精品一区二区影院| 久久se精品一区二区影院| 污污网站国产精品白丝袜|

<samp id="u0es2"><tbody id="u0es2"></tbody></samp>

<samp id="u0es2"></samp>

<ul id="u0es2"><tbody id="u0es2"></tbody></ul>

<strike id="u0es2"><s id="u0es2"></s></strike>