title、alt的提示效果
2016-06-14来源:

在网页中,有时我们将鼠标移到图片上,或者文字链接处,会出现文字型的提示信息。一般制作这样的效果极为简单,只需在图片代码中加入或者在文字链接代码中加入。仔细观察一下,感觉出现的信息总有时间上的停顿。如何制作类似于网页教学网首页文字超链接的提示信息的效果呢?

制作方法一:加入js代码

1、在页面的中加入js代码:

注意红色字体部分,可以对出现的提示信息进行字体的格式化与提示框的控制,不包括对文字颜色的修改。

2、在

Baidu
map
中插入代码:

3、在文字超链接处加入代码:

onmouseover=showtooltip('dhtmltooltip',event, '文字提示信息部分', '#fffff2','#000000','#000000','20000') onmouseout=hidetooltip('dhtmltooltip')

红色字体部分为你需加注的提示信息内容;

注意加粗部分:

#fffff2为弹出信息框的背景色;

#000000为弹出信息框的边框颜色;

#000000为提示信息的文字颜色;

20000为控制的显示时间。

推荐信息
Baidu
map