发新话题
打印

【网站】网页制作技巧

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键。
发新话题
最近访问的版块