◎ 首页 > 网页制作 > 网页特效 > INTRODUCE

鼠标笔墨表现殊效

摘要:当前位置 : 首页 脚本专栏 鼠标文字显示特效 鼠标文字显示特效,当鼠标移动到文字上面时,显示预订的内容 运行效果:鼠标文字显示特效 代码如下: a href=# onmouseover = popup('测试数据内容','green'); onmouseout=kill();测试/a div id=dek class=dek/div sc

当前位置 : 首页> 剧本专栏

鼠标笔墨表现殊效

鼠标笔墨表现殊效,当鼠标移动到笔墨上面时,表现预订的内容

运行结果:鼠标笔墨表现殊效

代码如下:

<a href=# onmouseover = popup('测试数据内容','green'); onmouseout=kill();>测试</a>

<div id=dek class=dek></div>

<script type=text/javascript>

xoffset=-60;

yoffset= 20;

var nav,old,iex=(document.all),yyy=-1000;

if(navigator.appname==netscape){(document.layers)?nav=true:old=true;}

if(!old){

var skn=(nav)?document.dek:dek.style;

if(nav)document.captureevents(event.mousemove);

document.onmousemove=get_mouse;

}

function popup(msg,bak){

var content=<table border=0 bgcolor='red' cellpadding='3' cellspacing='1' ><td nowrap +

bgcolor=+bak+ align=left class=novdn>+ +msg+ +</td></table>;

if(old){alert(msg);return;}

else{yyy=yoffset;

if(nav){skn.document.write(content);skn.document.close();skn.visibility=visible}

if(iex){document.all(dek).innerhtml=content;skn.visibility=visible}

}

}

function get_mouse(e){

var x=(nav)?e.pagex:event.x+document.body.scrollleft;skn.left=x+xoffset+50;

var y=(nav)?e.pagey:event.y+document.body.scrolltop;skn.top=y+yyy;

}

function kill(){

if(!old){yyy=-1000;skn.visibility=hidden;}

}

</script>

更多剧本专栏信息请查察： 剧本专栏

，站长之家c网站推广，FreeBSD教程c经验技巧，注册表教程cWindowsServer教程 (责任编辑：admin)

------分隔线----------------------------

上一篇：CSS3实现的表单输入笔墨标签动画提醒殊效

下一篇：js笔墨横向转动殊效