45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页特效 >

另一种鼠标带说明文字的图片衔接

电脑软硬件应用网 45IT.COM 时间:2005-12-30 18:53 作者:45IT收集

将下段文字存为JS.js


  代码:   
//***********默认设置定义.*********************
tPopWait=0;//停留tWait豪秒后显示提示。
tPopShow=3000;//显示tShow豪秒后关闭提示
showPopStep=10;
popOpacity=80;

//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;

document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText {  background-color: #FFFFFF;color:#0066CC; border: 1px #A4E1FF solid; font-family: Verdana ;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;

function CheckAll(form)  {
  for (var i=0;i<form.elements.length;i++)    {
    var e = form.elements[i];
    if (e.name != 'chkall')       e.checked = form.chkall.checked; 
   }
  } 
 


在网页里BODY里加入:


  代码:    
<SCRIPT language=JavaScript 
src="JS.js" 
type=text/JavaScript></SCRIPT> 
 


然后网页中所有图片衔接,只要这样写,衔接就会出现渐显文字<img src="图片地址“ alt="衔接文字“> 

 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识