2、超链接的跑马灯式提示信息
把你的“老鼠”移到下面链接上试一试,有什么不同呢?原来弹出了一条跑马灯式的提示信息,这是怎么实现的呢,请接着看:
跑马灯大全(一) 电脑交互教程 网页制作技巧技巧
源码粘贴框:
1.将下面代码放在<body>标签下:
<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML=\'<marquee style="border:1px solid black">\'+text+\'</marquee>\'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write(\'<b>\'+text+\'</b>\')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script>
2.然后在要出现提示信息的链接中,添加onMouseover语句:
<a href="pm23.htm" >跑马灯大全(一)</a>
<a href="/pc/index.htm" >电脑交互教程</a>
<a href="pmjq00.htm" >网页制作技巧技巧</a>
实现步骤:
(1)先在<body>标签下面插入一段JavaScript代码;
(2)然后在需要实现跑马灯式提示信息效果的超链接中加入Onmouseover和Onmouseout语句。
25.为主页定义热键
“热键”是做什么用的呢?你一定知道菜单热键吧,也就是按钮下某个约定好的键时,会弹出一个菜单或进行一项操作。如果为我们的主页加上热键,来完成打开链接、回到页首等常见的操作,会给浏览者带来不少方便。怎么样,试一试吧。
回网页制作技巧首页(h) 打开一个测试窗口(t)
按下键盘上的“h”键,就能回到网页制作技巧首页;而按下“t”键则会打开一个测试窗口。
热键是怎么实现的呢?其实很简单,只须一小段JavaScript代码即可。
源码粘贴框:
1.将下面JavaScript代码插入<head>与</head>之间:
<script language="JavaScript1.2">
var hotkey1=104;
var hotkey2=116;
var destination="pmjq00.htm";
function backhome(e){
if (document.layers){
get=e.which;
if (get==hotkey1)
window.location=destination;
else if(get==hotkey2)
window.location="test.htm";
}
else if (document.all){
if (event.keyCode==hotkey1)
window.location=destination;
else if(event.keyCode==hotkey2)
window.open("","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");
}
}
document.onkeypress=backhome;
</script>
为了使热键在IE和NETSCAPE中都得到支持,在JavaScript代码中我们需要对浏览器类型进行判断,并作相应的处理。这时用了if(document.layers)和if(document.all)来进行判断。另外代码中热键的键值是按键的ASCII码,104和116分别代表h和t键。