看看我这个js 写的。汗呀 出发 onmousemove 事件把你 节点的 HTML 替换成<div>aaaaaaaaaaa </div>LZ没有学过 js ba 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 onmousemove 当鼠标移动时触发所以就输出了aaaa 到底是要实现什么功能呢?如果仅仅是鼠标放上去有个提示,img有alt这个属性的啊。 实现的CSDN哪样,当把鼠标放到你的头像时候。就显示你发的帖子。 实现这种效果不这样做吧。大致思路是:获取要显示的位置,把某个 div 的位置移到要显示的位置,将 div 设置为显示。与 outerHTML 无关。当然这只是大致思路,其实具体实现可以有很多不同。 先捕获鼠标的坐标,然后onmouseover的时候显示层 <img name="" src="http://www.baidu.com/img/baidu.gif" width="100" height="150" onmouseover="toText(this,'abc')" /> <script type="text/javascript"> function toText(oImg,sText){ var oParNode=oImg.parentNode; var oDiv=document.createElement("div"); oDiv.innerHTML=sText; oParNode.insertBefore(oDiv,oImg); oParNode.removeChild(oImg); }</script> 如果只是在鼠标经过的时候想显示"aaaaaaaaaaa "的话可以改成这样<img name="" src="c:\1.jpg" width="100" height="150" title="aaaaaaaaaaa"/> 你这个代码和我的如个实现的功能是一样呀.. 都是把以前的哪个图片给复gai了呀.. 我是想文字在 在图片的上一层显示. 这个是csdn上面的function showUserCard(e, user){ e = (window.event||e); e.cancelBubble=true; var img = e.srcElement || e.target; if(!user) return; var layer=document.getElementById("UserCard_layer"); if(!layer) return; layer.style.display=""; var xy; if(navigator.userAgent.toLowerCase().indexOf("opera")<0) { xy=realOffset(img); layer.style.left = (xy.x+img.offsetWidth-2) +"px";} else//is opera { xy=getEventXY(e); layer.style.left = xy.x +"px";} layer.style.top = (xy.y) +"px"; var left = "<a target='_blank' href='http://hi.csdn.net/{0}/'><img alt='' class='face' src='http://profile.csdn.net/{0}/picture/2.jpg' /></a><br/>" +"<a href='http://hi.csdn.net/{0}/' target='_blank'>\u4e2a\u4eba\u7a7a\u95f4</a><br/>" +"<a href='http://webim.csdn.net/AddFriends/"+user+".ashx' target='_blank' ><img alt='add friend' class='addFriend' src='"+ resourcePath +"/blank.gif' /></a><br/>" +"<a href='http://webim.csdn.net/Messages/"+user+".ashx' target='_blank'><img alt='send message' class='sendIMMsg' src='"+ resourcePath +"/blank.gif' /></a><br/>" +"<a href='http://blog.csdn.net/{0}/' target='_blank'><img alt='blog' class='goBlog' src='"+ resourcePath+"/blank.gif' /></a><br/>" +"<a href=''>" document.getElementById("UserCard_left").innerHTML = left.format(user); var right = "<span>\u5e10\u53f7\uff1a</span><a target='_blank' href='http://hi.csdn.net/{0}/'><var>{0}</var></a><br/>"+ //username "<img src='http://counter.csdn.net/pv.aspx?id=241' border='0' style='display:none'/>"+ //counter "<span>\u6635\u79f0\uff1a</span><a target='_blank' href='http://hi.csdn.net/{0}/'><var id='UserCard_nickname'></var></a><br/>"+ //nickname "<span>\u6700\u65b0\u5e16\u5b50\uff1a</span><br/><span id='UserCard_topiclist'></span>"+ //last topic "<span style='margin-left:90px'><a href='http://forum.csdn.net/PointForum/Forum/UserTopicList.aspx?type=TopicUserRewarded&user={0}'>\u66f4\u591a\u5e16\u5b50...</a></span>" document.getElementById("UserCard_right").innerHTML = right.format(user); if(typeof(showUserCard.database[user])=="undefined") { SendRequest(document.getElementById("hf_cardUrl").value + user); } else bindData(user);}LZ可以去http://topic.csdn.net/u/ui/scripts/Csdn/Forum/UserOnline1.js自己看。说实话我也看不太明白,js比较烂 【求助】函数返回一组对象,为何只等到一个!。。 有谁见过或这样写个吗? 如何让当按下Ctrl+Enter时,执行button的onclick事件 怎样取div的class 不是ID getElementById 大家好,帮我分析一下下面的代码,小弟看不懂??谢谢 急呀!!请问大家怎么在web中调用服务器上的另一windos程序???能实现吗??? javaScript控制选择项的数目!怎么不起作用! 弹出窗口问题 问一个页面关闭问题 固定标题栏 JS拖拽的一点点小问题!~~100分了~ 不知道怎么按我的要求生成<span>
所以就输出了aaaa
大致思路是:获取要显示的位置,把某个 div 的位置移到要显示的位置,将 div 设置为显示。与 outerHTML 无关。
当然这只是大致思路,其实具体实现可以有很多不同。
onmouseover="toText(this,'abc')" />
<script type="text/javascript">
function toText(oImg,sText){
var oParNode=oImg.parentNode;
var oDiv=document.createElement("div");
oDiv.innerHTML=sText;
oParNode.insertBefore(oDiv,oImg);
oParNode.removeChild(oImg);
}
</script>
你这个代码和我的如个实现的功能是一样呀..
都是把以前的哪个图片给复gai了呀..
我是想文字在 在图片的上一层显示.
function showUserCard(e, user)
{
e = (window.event||e); e.cancelBubble=true;
var img = e.srcElement || e.target;
if(!user) return;
var layer=document.getElementById("UserCard_layer");
if(!layer)
return;
layer.style.display="";
var xy;
if(navigator.userAgent.toLowerCase().indexOf("opera")<0)
{ xy=realOffset(img); layer.style.left = (xy.x+img.offsetWidth-2) +"px";}
else//is opera
{ xy=getEventXY(e); layer.style.left = xy.x +"px";}
layer.style.top = (xy.y) +"px";
var left = "<a target='_blank' href='http://hi.csdn.net/{0}/'><img alt='' class='face' src='http://profile.csdn.net/{0}/picture/2.jpg' /></a><br/>"
+"<a href='http://hi.csdn.net/{0}/' target='_blank'>\u4e2a\u4eba\u7a7a\u95f4</a><br/>"
+"<a href='http://webim.csdn.net/AddFriends/"+user+".ashx' target='_blank' ><img alt='add friend' class='addFriend' src='"+ resourcePath +"/blank.gif' /></a><br/>"
+"<a href='http://webim.csdn.net/Messages/"+user+".ashx' target='_blank'><img alt='send message' class='sendIMMsg' src='"+ resourcePath +"/blank.gif' /></a><br/>"
+"<a href='http://blog.csdn.net/{0}/' target='_blank'><img alt='blog' class='goBlog' src='"+ resourcePath+"/blank.gif' /></a><br/>"
+"<a href=''>"
document.getElementById("UserCard_left").innerHTML = left.format(user);
var right = "<span>\u5e10\u53f7\uff1a</span><a target='_blank' href='http://hi.csdn.net/{0}/'><var>{0}</var></a><br/>"+ //username
"<img src='http://counter.csdn.net/pv.aspx?id=241' border='0' style='display:none'/>"+ //counter
"<span>\u6635\u79f0\uff1a</span><a target='_blank' href='http://hi.csdn.net/{0}/'><var id='UserCard_nickname'></var></a><br/>"+ //nickname
"<span>\u6700\u65b0\u5e16\u5b50\uff1a</span><br/><span id='UserCard_topiclist'></span>"+ //last topic
"<span style='margin-left:90px'><a href='http://forum.csdn.net/PointForum/Forum/UserTopicList.aspx?type=TopicUserRewarded&user={0}'>\u66f4\u591a\u5e16\u5b50...</a></span>"
document.getElementById("UserCard_right").innerHTML = right.format(user); if(typeof(showUserCard.database[user])=="undefined")
{
SendRequest(document.getElementById("hf_cardUrl").value + user);
}
else bindData(user);
}LZ可以去http://topic.csdn.net/u/ui/scripts/Csdn/Forum/UserOnline1.js自己看。
说实话我也看不太明白,js比较烂