當前位置:編程學習大全網 - 源碼下載 - 關於ASP程序,鼠標浮顯文字效果。

關於ASP程序,鼠標浮顯文字效果。

妳檢查壹下看看,我已經測試通過了才貼出來的。

檢查壹下後面的asp代碼有沒有錯(看看執行後的源文件)。

==========================================

提取出來了,要在頁面裏插入這個javascript:

<script>

<!--

var flag=false;

function DrawImage(ImgD){

var image=new Image();

image.src=ImgD.src;

if(image.width>0 && image.height>0){

flag=true;

if(image.width/image.height>= 1){

if(image.width>105){

ImgD.width=105;

ImgD.height=(image.height*105)/image.width;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

}

}

else{

if(image.height>105){

ImgD.height=105;

ImgD.width=(image.width*105)/image.height;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

}

}

}

}

var tPopWait=50;

var tPopShow=6000;

var showPopStep=20;

var popOpacity=95;

var tfontcolor="#000000";

var tbgcolor="#ffffe1";

var tbordercolor="#666666";

var sPop=null,curShow=null,tFadeOut=null,tFadeIn=null,tFadeWaiting=null;

document.write("<style type='text/css'id='defaultPopStyle'>");

document.write(".cPopText { background-color: " + tbgcolor + ";color:" + tfontcolor + "; border: 1px " + tbordercolor + " 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>

然後用asp輸出圖片連接:

response.write "<a href="&weburl&"list.asp?id="&rsx("shopid")&" ><img src="&weburl&"img/emptyshop.gif width=85 height=85 border=0 onload='DrawImage(this)' alt='<table border=0 width=300><tr><td width=70><b>商品名稱</b>:</td><td>"&rsx("ProdName")&"</td></tr><tr><td width=70><b>商品類別</b>:</td><td>"&rsx("larcode")&"</td></tr><td width=70><b>商品編號</b>:</td><td>"&rsx("ProdId")&"</td></tr><tr><td><b>瀏覽次數</b>:</td><td>"&rsx("ClickTimes")&"</td></tr></table>'></a>"

  • 上一篇:Spring源代碼註入
  • 下一篇:濰坊醫學院地址2023年濰坊醫學院研究生招生簡章
  • copyright 2024編程學習大全網