当前位置: 主页->网页特效专栏->页面导航->超酷的链接提示方式
栏目导航
网页特效
  典型特效 状态栏
  游戏类 页面背景
  页面特效 页面导航
  文本操作 文本特效
  图形特效 鼠标特效
  时间日期 密码类
  浏览相关 警告对话
  技巧类 计数转换
  测试搜索 代码生成
  播放音乐 按钮特效
  系统相关 链接特效
  黑客性质 相关特效
  窗口特效 其它特效
最新更新
 
 
 
 
 
 
 
 
 
 
热点文章
 
 
 
 
 
 
 
 
 
 

超酷的链接提示方式

夜鹰电脑教学网 加入日期:2005-04-09 22:50:00 点击数:

查看:[大字体 中字体 小字体]

说明: 超酷的链接提示方式

效果: 点这里看效果!

代码: 要完成此效果把如下代码加入到<body>区域中.


<style type="text/css">
<!--
.topnewstitle {
font-family: 宋体;
font-size: 10pt;
A:hover {color:blue;text-decoration:underline }
}
#topdeck {
display:block;
left: 0px;
top: 0px;
position: absolute;
visibility: hidden;
z-index: 100;
}
.content {
font-size: 10pt;
font-family: 宋体;
color: #000000;
}
//-->
</style>
<script>
var isNS4=(document.layers) ? 1 : 0;
var isIE4=(document.all)? 1 : 0;
var isMoz=((document.getElementById) && !(isIE4)) ? 1 :0;
function ShowNavigateur()
{
alert(isNS4);
alert(isIE4);
alert(isMoz);
}
function activate_mousemove(function_mouse)
{
if(isNS4||isMoz)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = function_mouse;
}
function get_mouse(e)
{
var mouse=new Array();
mouse.x=0; mouse.y=0;
if(isNS4||isMoz){
mouse.x=e.pageX; mouse.y=e.pageY;
}else if(isIE4){
mouse.x=event.x+document.body.scrollLeft; mouse.y=event.y+document.body.scrollTop;
}
return mouse;
}
function get_layer(name)
{
if(isNS4){
layer=findLayer(name, document);
//if(layer==null)
//alert('Pb de layer');
return layer;
} else if (isIE4){

//window.status=document.all[name];
return document.all[name];
} else if (isMoz) {
return document.getElementById(name);
}
//alert('Pb de noms');
return null;
}
function findLayer(name, doc) {
var i, layer;
//alert(doc.layers.length);
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
//alert(layer.name);
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function hide_layer(layer)
{
if(layer==null){
//window.status="Pas de layer ?cacher";
return;
}
if (isNS4){
layer.visibility = "hide";
}
if (isIE4||isMoz){
layer.style.visibility = "hidden";
}
}
function show_layer(layer) {
if(isNS4){
layer.visibility = "show";
}
if(isIE4||isMoz){
layer.style.visibility = "visible";
}
}
function move_layer_to(layer, x, y)
{
//window.status=layer;
if (isNS4)
{
layer.moveTo(x, y);
}
if (isIE4||isMoz){
//window.status=layer.style;
layer.style.left = x;
layer.style.top = y;
}
}
function setzIndex(layer, z) {
if(isNS4)
layer.zIndex = z;
if(isIE4||isMoz)
layer.style.zIndex = z;
}
function modify_content_layer(layer,content)
{
if(isNS4){
layer.document.write(content);
layer.document.close();
} else if(isIE4||isMoz){
layer.innerHTML=content;
}
}
</script>
<div class="popup" id="topdeck"></div>
<p align="center">
<script language="Javascript">
<!--
var adroite = false;
activate_mousemove(get_mouse2);
function tux(title, text, estadroite)
{
adroite = estadroite;
var content;
if (adroite)
content = "<table border=0 width=300 cellpadding=0 cellspacing=0><tr>
<td width=100>&nbsp;</td><td width=200>
<table border=0 cellpadding=0 cellspacing=0 bgcolor=\"#000000\" width=200>
<tr height=2><td><img src=\"pixel.gif\"></td></tr><tr>
<td align=center>
<table border=0 cellpadding=2 cellspacing=0 width=196 bgcolor=white
class=\"content\"><tr><td bgcolor=white><center><b>"
+title+"</b></center>"+text+"</td></tr></table></td>
</tr></table></td></tr><tr><td><img src=\"w15.gif\"></td><td valign=top>
<img src=\"bulle-g.gif\"></td></tr></table>";
else
content = "<table border=0 width=300 cellpadding=0 cellspacing=0><tr>
<td width=200>&nbsp;<table border=0 cellpadding=0 cellspacing=0 bgcolor=black
width=200><tr height=2><td><img src=\"pixel.gif\"></td></tr><tr>
<td align=center><table border=0 cellpadding=2 cellspacing=0 width=196
bgcolor=white class=\"content\"><tr><td bgcolor=white><center><b>"+title+"
</b></center>"+text+"</td></tr></table>
</td></tr></table></td><td width=100></td></tr><tr><td valign=top>
<img src=\"bulle-d.gif\"></td><td><img src=\"w15.gif\"></td></tr></table>";

l=get_layer("topdeck");
modify_content_layer(l,content)
show_layer(l);
}

function get_mouse2(e)
{
mouse=get_mouse(e);
l=get_layer("topdeck");
var x = mouse.x;
var y = mouse.y;
if(adroite)
x=x+15;
else
x=x-315;
move_layer_to(l,x,y);
}

function kill()
{
l=get_layer("topdeck");
hide_layer(l);
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
// -->
</script>
<a href="#" class="topnewstitle" onmouseout="kill()" onmouseover="javascript:tux('链接title可以做成这样哟', '用onmouseover来冒充一下title,这样的效果不错吧.. ', false)">鼠标移过来看看</a>

作者:佚名 来源: 网上转帖  

   

上篇:可拖动的菜单   下篇:多级滚动菜单(cool)


[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]

此文章最新评论(不超过十条)
■评论此文章 ( 有问题请去夜鹰论坛发帖 )
共有评论: 查看全部评论 姓名:
【 声明 】 您所发表的言论将被众多网友阅读,因此,您所发表的言论应不违反中国法律,不违背一般的道德原则,否则,您必须对您的不当言论引发的一切不良后果负责;此外,我们的管理员有权删除您发表的不当言论,谢谢合作!