您现在的位置: 点击南开 >> 技术学院 >> 动易专区 >> 动易美化 >> 文章正文
 加入亚洲交友中心,与心爱的MM聊天  
张显个性-新版点击南开之动易超链接鼠标提示效果
作者:admin   文章来源:本站原创   点击数:   更新时间:2007-1-19        ★★★★★
载入中...

张显个性-新版点击南开之动易超链接鼠标提示效果

点击南开最近正在筹划改版,新版将于近期与大家见面,可能也会提供风格给大家下载使用,今天我们谈一下怎么修改动易超链接鼠标提示效果.

1、进入后台系统设置--网站风格管理--加入自定义CSS如下:
以下是引用片段:
/* --增加鼠标效应的css定义开始-- */ 
.tablebody1 {
 BACKGROUND: #f8f8f8; LINE-HEIGHT: normal
}
.tableborder1 {
 BACKGROUND: #ccc; WIDTH: 898px; TEXT-ALIGN: left
}
.tableborder1 TH {
 FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(..//Skin/2006/td_bg.gif) #ccc; COLOR: #000000; HEIGHT: 20px
}
.tableborder1 P {
 PADDING-LEFT: 10px; FLOAT: left
}

2、进入后台系统设置--自定义页面管理--增加一个新的js页面(plus.js),内容如下:

以下是引用片段:
//超级链接特效,点击南开http://www.nkcn.net
var pltsPop=null;
var pltsoffsetX = 5;   // 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适
var pltsoffsetY = 5;  // 弹出窗口位于鼠标下方的距离;3-12 合适
var pltsPopbg="#FFFFEE"; //背景色
var pltsPopfg="#111111"; //前景色
var pltsTitle="";
document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>');
function pltsinits()
{
    document.onmouseover   = plts;
    document.onmousemove = moveToMouseLoc;
}
function plts()
{  var o=event.srcElement;
    if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
    if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
    pltsPop=o.dypop;
    if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
    {
 pltsTipLayer.style.left=-1000;
 pltsTipLayer.style.display='';
 var Msg=pltsPop.replace(/\n/g,"<br>");
 Msg=Msg.replace(/\0x13/g,"<br>");
 var re=/\{(.[^\{]*)\}/ig;
 if(!re.test(Msg))pltsTitle="点击南开
www.nkcn.net";
 else{
   re=/\{(.[^\{]*)\}(.*)/ig;
   pltsTitle=Msg.replace(re,"$1")+" ";
   re=/\{(.[^\{]*)\}/ig;
   Msg=Msg.replace(re,"");
   Msg=Msg.replace("<br>","");}
   var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
        var content =
       '<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=tableborder1 cellspacing="1" cellpadding="0" style="width:100%">'+
       '<tr id=pltsPoptop><th height=22 valign=middle><b><p id=topleft align=center>↖'+pltsTitle+'</p><p id=topright align=center style="display:none">'+pltsTitle+'↗</font></b></th></tr>'+
       '<tr><td "+attr+" class=tablebody1 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
       '<tr id=pltsPopbot style="display:none"><th height=22 valign=bottom><b><p id=botleft align=center>↙'+pltsTitle+'</p><p id=botright align=center style="display:none">'+pltsTitle+'↘</font></b></th></tr>'+
       '</table></td></tr></table>';
        pltsTipLayer.innerHTML=content;
  var std_msgdocW = WebForm_GetClentX();
        toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,std_msgdocW/2.2);
        moveToMouseLoc();
        return true;
       }
    else
    {
     pltsTipLayer.innerHTML='';
       pltsTipLayer.style.display='none';
        return true;
    }
}

function moveToMouseLoc()
{
 if(pltsTipLayer.innerHTML=='')return true;
 var MouseX=event.x;
 var MouseY=event.y;
 //window.status=event.y;
 var popHeight=pltsTipLayer.clientHeight;
 var popWidth=pltsTipLayer.clientWidth;
 var std_msgdocH = WebForm_GetClentY();
var std_msgdocW = WebForm_GetClentX();
 if(MouseY+pltsoffsetY+popHeight>std_msgdocH)
 {
    popTopAdjust=-popHeight-pltsoffsetY*1.5;
    pltsPoptop.style.display="none";
    pltsPopbot.style.display="";
 }
  else
 {
     popTopAdjust=0;
    pltsPoptop.style.display="";
    pltsPopbot.style.display="none";
 }
 if(MouseX+pltsoffsetX+popWidth>std_msgdocW)
 {
  popLeftAdjust=-popWidth-pltsoffsetX*2;
  topleft.style.display="none";
  botleft.style.display="none";
  topright.style.display="";
  botright.style.display="";
 }
 else
 {
  popLeftAdjust=0;
  topleft.style.display="";
  botleft.style.display="";
  topright.style.display="none";
  botright.style.display="none";
 }
 var dhtscrolltop=WebForm_GetScrollY();
 var dhtscrollLeft=WebForm_GetScrollX();
 pltsTipLayer.style.left=MouseX+pltsoffsetX+dhtscrollLeft+popLeftAdjust;
 pltsTipLayer.style.top=MouseY+pltsoffsetY+dhtscrolltop+popTopAdjust;
   return true;
}
pltsinits();
//鼠标提示代码


function WebForm_GetClentX()
{
    if (typeof window.pageYOffset != 'undefined')
    {
        return window.pageXOffset;
    }
    else
    {
        if (document.documentElement && document.documentElement.clientWidth)
        {
            return document.documentElement.clientWidth;
        }
        else if (document.body)
        {
            return document.body.clientWidth;
        }
    }
    return 0;
}
function WebForm_GetClentY()
{
    if (typeof window.pageYOffset != 'undefined')
    {
        return window.pageYOffset;
    }
    else
    {
        if (document.documentElement && document.documentElement.clientHeight)
        {
            return document.documentElement.clientHeight;
        }
        else if (document.body)
        {
            return document.body.clientHeight;
        }
    }
    return 0;
}

function WebForm_GetScrollX()
{
    if (typeof window.pageYOffset != 'undefined')
    {
        return window.pageXOffset;
    }
    else
    {
        if (document.documentElement && document.documentElement.scrollLeft)
        {
            return document.documentElement.scrollLeft;
        }
        else if (document.body)
        {
            return document.body.scrollLeft;
        }
    }
    return 0;
}
function WebForm_GetScrollY()
{
    if (typeof window.pageYOffset != 'undefined')
    {
        return window.pageYOffset;
    }
    else
    {
        if (document.documentElement && document.documentElement.scrollTop)
        {
            return document.documentElement.scrollTop;
        }
        else if (document.body)
        {
            return document.body.scrollTop;
        }
    }
    return 0;
}

 

3、在模板页插入此js脚本文件,插入代码如下:
以下是引用片段:
<SCRIPT src="{$InstallDir}js/plus.js"></SCRIPT>

这里要注意文件的路径不要写错哦。

显示效果:

动易

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
 
  • 上一篇文章:

  • 下一篇文章:
  • 载入中...
    动易美化推荐文章
    推荐文章 [动易美化]动易集成多功能搜索引擎插件(
    推荐文章 [动易美化]动易下载中心内容页面中点击下
    推荐文章 [动易美化]【ArticleList(参数列表)】如
    推荐文章 [动易美化]动易修改后台图片上传属性(批
    推荐文章 [动易美化]本站广告不影响网站打开速度的
    推荐文章 [动易美化]本站网页特效频道内容页模板样
    推荐文章 [动易美化]动易设置广告在打开网站页面后
    推荐文章 [动易美化]修改动易文章内容页的字体大小
    推荐文章 [动易美化]动易内容页加入收藏到新浪viv
    推荐文章 [动易美化]动易去掉频道主菜单的“文章中
    推荐文章 [动易美化]张显个性-新版点击南开之动易
    推荐文章 [动易美化]动易快速建立网站地图导航的方
    推荐文章 [动易美化]把动易登录验证码改为纯数字或
    推荐文章 [动易美化]打造属于你的英文动易系统
    动易美化热门文章
    推荐文章 [动易美化]本站广告不影响网站打开速度的
    普通文章 [动易美化]动易语言包的运用
    推荐文章 [动易美化]动易去掉频道主菜单的“文章中
    普通文章 [动易美化]动易CSS定义图片边框效果
    推荐文章 [动易美化]张显个性-新版点击南开之动易
    推荐文章 [动易美化]动易快速建立网站地图导航的方
    加入亚洲交友中心,与心爱的MM聊天
    相关内容
    动易集成多功能搜索引擎插件(绿色插件
    动易用户登录框背景透明和加下划线的操
    动易下载中心内容页面中点击下载地址打
    用动易图片频道改的酷站欣赏频道
    【ArticleList(参数列表)】如何做成两列
    动易禁止登录用户注册
    动易修改后台图片上传属性(批量上传数
    本站广告不影响网站打开速度的解决方法
    动易语言包的运用
    本站网页特效频道内容页模板样式说明(
    论坛新帖
    论坛新帖载入中...
    新 闻 TOP 10
    推荐文章“我的空间我作主”个112
    - 设为首页 - 加入收藏 - 关于我们 - 网站地图 - 版权申明 - 联系我们 -

    Copyright © 2000-2006 Nkcn.Net All Rights Reserve.

    网站关键词:搜索引擎优化,SEO优化,网页特效,QQ空间技巧,QQ空间代码,百度空间技巧百度空间代码百度空间CSS代码装扮百度空间动易2006 sp5破解版动易2007破解版,个性百度空间,动易常见问题,动易采集标签,动易美化,动易模板,wap建站技巧,系统进程,动易新手帮助,网络营销,网络赚钱,QQ快讯,QQ空间模块,QQ空间大图,QQ密码找回,QQ经典贴图,QQ签名,QQ个性情侣网名,国外免费空间,国内免费空间,ASP免费空间,国外虚拟主机评测,国内虚拟主机评测,危险进程,企业信息化解决方案,,google动态,百度动态,Alexa排名,seo教程,seo工具,DMOZ技巧,网站登录,国外SEO,天津搜索引擎优化,应用程序进程,常用特效,QQ图像工具,搜索引擎常识
    津ICP备05015468号