百度首页 | 百度空间
 
查看文章
 
Sweet Titles:超链接title属性的气泡效果-ToolTips
2007-01-23 17:27
超链接本身具有title属性,当鼠标移到链接上时,title的值就会浮现在超链接的周围,但是外观比较单一。但是我们改变这种情况,最终得到超链接的title显示时被格式化的效果。

需要做的只是下载Sweet Titles: Version 1.0 Final,然后在head标签中添加以下语句,并且把相应的css和js文件放到对应的文件夹中。

<link rel="stylesheet" href="css/sweetTitles.css" type="text/css" media="screen" />
<script src="js/addEvent.js" type="text/javascript"></script>
<script src="js/sweetTitles.js" type="text/javascript" ></script>

你也可以修改css和js中的一些设置来改变气泡的内容和外观,但是要注意以下几点。

1.标签a的属性title=""显示在气泡中,尽量添加此属性
2.文档类型(DOCTYPE)申明为xhtml而不是html

如果不想要气泡中的网址,可以修改sweetTitles.js的第82行

this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"<em>"+access+addy+"</em></p>";
改成
this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"</p>";


参考:http://www.dustindiaz.com/sweet-titles-finalized

类别:Js | 添加到搜藏 | 浏览() | 评论 (2)
 
最近读者:
 
网友评论:
1
2007-01-25 15:01
IE和FF的显示效果不太一样, 好像FF的更漂亮一些~`
 
2
2007-01-31 13:07
这是Mozilla的一个专有圆角样式 -moz-border-radius:5px;
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu