1. كود شبيبة
انسخ رمز الكود كما يلي:
//******************تعريف الإعدادات الافتراضية.**********************
tPopWait=50;// عرض المطالبة بعد البقاء في tWait لمدة ميلي ثانية.
tPopShow=5000;// أغلق المطالبة بعد عرض tShow بالمللي ثانية
showPopStep=20;
popOpacity=99;
//******************تعريف المتغير الداخلي******************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<mce:style type='text/css'id='defaultPopStyle'><!--
");
document.write(".cPopText { فاصل الأسطر: عادي؛ فاصل الكلمات: فاصل الكل؛ لون الخلفية: #FEFCF3؛ اللون: #000000؛ الحدود: 1 بكسل #E7B68C صلب؛ الحشو العلوي: 2 بكسل؛ الحشو الأيمن : 4 بكسل؛ حجم الخط: 4 بكسل؛ 12px;width:96px عامل التصفية: Alpha(Opacity=0)}");
وثيقة.كتابة("
--></mce:style><style type='text/css'id='defaultPopStyle' mce_bogus="1">");
document.write(".cPopText { فاصل الأسطر: عادي؛ فاصل الكلمات: فاصل الكل؛ لون الخلفية: #FEFCF3؛ اللون: #000000؛ الحدود: 1 بكسل #E7B68C صلب؛ الحشو العلوي: 2 بكسل؛ الحشو الأيمن : 4 بكسل؛ حجم الخط: 4 بكسل؛ 12px;width:96px عامل التصفية: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style="position:absolute;z-index:1000;" mce_style="position:absolute;z-index:1000;" class='cPopText'></div> ");
دالة 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=""};
إذا (o.dypop!=sPop) {
sPop=o.dypop;
ClearTimeout(curShow);
ClearTimeout(tFadeOut);
ClearTimeout(tFadeIn);
ClearTimeout(tFadeWaiting);
إذا (sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
آخر {
if(o.dyclass!=null) popStyle=o.dyclass
آخر popStyle = "cPopText"؛
curShow=setTimeout("showIt()",tPopWait);
}
}
}
وظيفة شويت () {
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
إذا (MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
إذا (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();
}
الدالة FadeOut(){
إذا (dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
آخر {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
وظيفة تتلاشى () {
إذا (dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;
2. يحتاج كود html فقط إلى تضمين كود js وأمثلة الاستخدام
<a href="../UpLoadFile/200911784060017.jpg" target="_blank">كبير</a><a href="../UpLoadFile/200911784060018.jpg" target="_blank">صغير</a>