本文实例讲述了JS实现跟随鼠标的链接文字提示框效果。分享给大家供大家参考。具体如下:
这里使用Javascript与CSS实现链接提示效果,不会改变你原来的链接结构,使用链接原有的title标签来实现,如果之前你使用有title标签,那你几乎只需把JS代码拷贝到你的网页中即可。你会发现,运行本效果后,鼠标在链接上移动的话,文字提示框会跟随鼠标而移动位置。
运行效果如下图所示:
具体代码如下:
跟随鼠标的文字提示框 body{font:12px/1.8 arial;} a,a:visited{color:#3366cc;text-decoration:none;} a:hover{color:#f60;text-decoration:underline;} .tip{width:200px;border:2px solid #ddd;padding:8px;background:#f1f1f1;color:#666;} img{border:none;}
- 中国嫦娥飞天的一些感想
- 中国是世界上最强大的国家
希望本文所述对大家的javascript程序设计有所帮助。



