100分!如何在链接的title属性中支持显示html标签?? 去看看现成的 tooltip 类。到google搜索这个会看到n多的结果 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 你是不是开了另一个帖子?在那里有回答用onmouseover 这个用title无法放一个html页面的可以通过DIV来模拟也可以使用span的方法 抢分阿 抢分阿 <script> var titleType=1;//用哪种方式载入title。1/2:startDownload/iframe。startDownload,仅能使用在ie,且不支持跨域 var hiddenType=1;//使用哪种方式隐藏title。1/2:当鼠标离开模拟的title时/当鼠标离开连接时 var titleWidth=150;//title宽度 var titleHeight=250;//title高度 var titleObj; /* 显示模拟title */ function showTitle(titleId,url){ var nowObj=document.getElementById(titleId); if(nowObj!=titleObj){ if(titleObj){hiddenTitle();} titleObj=nowObj } if(titleObj.style.display!=''){ titleObj.style.display=''; } setTitle(); if(titleObj.style.display==''){ if(hiddenType==1){ titleObj.attachEvent("onmouseout",function(){if(titleObj.contains(event.fromElement)){hiddenTitle()}}) } else if(hiddenType==2){ event.srcElement.attachEvent("onmouseout",hiddenTitle) } getTitle(url); } } /* 设置模拟title */ function setTitle(){ titleObj.style.position='absolute'; titleObj.style.width=titleWidth+'px' titleObj.style.height=titleHeight+'px' titleObj.style.overflow='auto' var tmp_r_wh=JS_getFollowPlace(titleWidth,titleHeight); titleObj.style.top=tmp_r_wh[1] titleObj.style.left=tmp_r_wh[0]; } /* 获得title内容 */ function getTitle(url){ if(titleType==1){ oDownload.startDownload(url,putData) } else if(titleType==2){ putData(' <iframe src="'+url+'" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0"> </iframe>'); } } /* 输出html内容到模拟title中 */ function putData(data){ titleObj.innerHTML=data } /* 隐藏模拟title */ function hiddenTitle(){ titleObj.style.display='none'; } /* 获得跟随位置 */ function JS_getFollowPlace(w,h) { var iX,iY if (window.event.x + w > document.body.offsetWidth - 10) { iX = window.event.x - w - 5 ; } else {iX = window.event.x + 5;} if (iX <0) {iX=0;} iY = window.event.y; if (window.event.y + h > document.body.offsetHeight - 10 ) { iY = document.body.scrollTop + document.body.offsetHeight - h - 5 ; } else {iY = document.body.scrollTop +window.event.y + 5; } if (iY <0) { iY=0; } return [iX,iY]; } </script> <IE:DOWNLOAD id="oDownload" style="behavior: url(#default#download)"> </IE:DOWNLOAD> <a href="###" onmouseover="showTitle('titleId','test.htm')">连接 </a> <!-- <a href="###" onmouseover="showTitle('titleId','http://www.baidu.com/')">连接 </a>如果titleType=1 ,将不能跨域,无法获得非当前网站内的html文件 --> <br> <br> <br> <br> <div id=titleId style="border: 2px solid #FF0000"> </div> 此回复为自动发出,仅用于显示而已,并无任何其他特殊作用楼主【EnginePlus】截止到2008-06-26 21:09:47的历史汇总数据(不包括此帖):发帖数:11 发帖分:758 结贴数:9 结贴分:558 未结数:2 未结分:200 结贴率:81.82 % 结分率:73.61 % 楼主加油 这两天碰到几个面试题求解决 mysql 语句求解! 请教请假天数统计代码! 我的mysql中root帐号修改密码之后为何不能登陆了呢? sql server localhost连接不上 从网页上的登陆框直接打开ftp? 有谁知道,进来看一下 请大虾看看我得原代码,我很搞不懂为什么. 网页不加后缀无法访问十分火急!请求帮助 ***有没有完整的mcrypt库应用的例子*** 在LINUX下安装PHP、APACHE、MYSQL无法成功,我快疯了。 umc78F3.56\78(A1)-XX这种字符串的正则表达式 发起关于php的大学习,大讨论.....
这个用title无法放一个html页面的
可以通过DIV来模拟也可以使用span的方法
var titleType=1;//用哪种方式载入title。1/2:startDownload/iframe。startDownload,仅能使用在ie,且不支持跨域
var hiddenType=1;//使用哪种方式隐藏title。1/2:当鼠标离开模拟的title时/当鼠标离开连接时
var titleWidth=150;//title宽度
var titleHeight=250;//title高度
var titleObj;
/*
显示模拟title
*/
function showTitle(titleId,url){
var nowObj=document.getElementById(titleId);
if(nowObj!=titleObj){
if(titleObj){hiddenTitle();}
titleObj=nowObj
} if(titleObj.style.display!=''){
titleObj.style.display='';
} setTitle(); if(titleObj.style.display==''){
if(hiddenType==1){
titleObj.attachEvent("onmouseout",function(){if(titleObj.contains(event.fromElement)){hiddenTitle()}})
}
else if(hiddenType==2){
event.srcElement.attachEvent("onmouseout",hiddenTitle)
} getTitle(url);
}
}
/*
设置模拟title
*/
function setTitle(){
titleObj.style.position='absolute';
titleObj.style.width=titleWidth+'px'
titleObj.style.height=titleHeight+'px'
titleObj.style.overflow='auto' var tmp_r_wh=JS_getFollowPlace(titleWidth,titleHeight);
titleObj.style.top=tmp_r_wh[1]
titleObj.style.left=tmp_r_wh[0];
}
/*
获得title内容
*/
function getTitle(url){
if(titleType==1){
oDownload.startDownload(url,putData)
}
else if(titleType==2){
putData(' <iframe src="'+url+'" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0"> </iframe>');
}
}
/*
输出html内容到模拟title中
*/
function putData(data){
titleObj.innerHTML=data
}
/*
隐藏模拟title
*/
function hiddenTitle(){
titleObj.style.display='none';
} /*
获得跟随位置
*/
function JS_getFollowPlace(w,h)
{
var iX,iY
if (window.event.x + w > document.body.offsetWidth - 10)
{
iX = window.event.x - w - 5 ;
}
else
{iX = window.event.x + 5;}
if (iX <0)
{iX=0;} iY = window.event.y;
if (window.event.y + h > document.body.offsetHeight - 10 )
{
iY = document.body.scrollTop + document.body.offsetHeight - h - 5 ;
}
else
{iY = document.body.scrollTop +window.event.y + 5; }
if (iY <0)
{
iY=0;
}
return [iX,iY];
}
</script>
<IE:DOWNLOAD id="oDownload" style="behavior: url(#default#download)"> </IE:DOWNLOAD> <a href="###" onmouseover="showTitle('titleId','test.htm')">连接 </a> <!-- <a href="###" onmouseover="showTitle('titleId','http://www.baidu.com/')">连接 </a>如果titleType=1 ,将不能跨域,无法获得非当前网站内的html文件 --> <br> <br> <br> <br> <div id=titleId style="border: 2px solid #FF0000"> </div>
楼主【EnginePlus】截止到2008-06-26 21:09:47的历史汇总数据(不包括此帖):
发帖数:11 发帖分:758
结贴数:9 结贴分:558
未结数:2 未结分:200
结贴率:81.82 % 结分率:73.61 %
楼主加油