当前位置: 首页 > 标签 > ToolTip
0

10个节约开发时间的CSS技巧 29 December 2009 18:28 Tuesday by 小屋 浏览(1339)

1.简单的纯CSS Tooltip

通过这些代码，你可以做出简单的Tooltip。这是CSS代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

a:hover {
 background:#ffffff; /*要兼容IE6的话必须添加背景色*/
 text-decoration:none;
}
a.tooltip span {
 display:none;
 padding:2px 3px;
 margin-left:8px;
 width:130px;
}
a.tooltip:hover span{
 display:inline;
 position:absolute;
 background:#ffffff;
 border:1px solid #cccccc;
 color:#6c6c6c;
}


HTML代码如下：

阅读全文>>

Tooltip:利用javascript模拟实现Tooltip，以便提供友好的提示信息 10 December 2009 21:27 Thursday by小屋 浏览(2195)

//*===========================================
//*  Tooltip:利用javascript模拟实现Tooltip，以便提供友好的提示信息
//*===========================================
//根据ID获取对像
function $(objID){return document.getElementById(objID);}
//获取javascript文件传递的参数
var request = {
  QueryString : function(val){
    var param ="?"+document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1].src.split("?")[1]
    var re = new RegExp("" +val+ "=([^&?]*)", "ig");
    return ((param.match(re))?(param.match(re)[0].substr(val.length+1)):null);
  }
}
//var imgPath=document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1].src.split("?")[0];
//imgPath=imgPath.replace("ToolTip.js","");
var ns4 = (document.layers)? true:false;

阅读全文>>