类型QQ或是新浪微博那种鼠标移上头像去就出现个人资料 本帖最后由 Xy_SuperMario 于 2011-08-10 09:12:06 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css"> *{font:normal 14px/150% '宋体'} a:link, a:visited{color:#00f; text-decoration:none} a:hover, a:active{color:#f00; text-decoration:underline}</style><script>function wsug(e, str){ var oThis = arguments.callee; if(!str) { oThis.sug.style.visibility = 'hidden'; document.onmousemove = null; return; } if(!oThis.sug){ var div = document.createElement('div'), css = 'top:0; left:0; position:absolute; z-index:100; visibility:hidden'; div.style.cssText = css; div.setAttribute('style',css); var sug = document.createElement('div'), css= 'font:normal 12px/16px "宋体"; white-space:nowrap; color:#666; padding:3px; position:absolute; left:0; top:0; z-index:10; background:#f9fdfd; border:1px solid #0aa'; sug.style.cssText = css; sug.setAttribute('style',css); var dr = document.createElement('div'), css = 'position:absolute; top:3px; left:3px; background:#333; filter:alpha(opacity=50); opacity:0.5; z-index:9'; dr.style.cssText = css; dr.setAttribute('style',css); var ifr = document.createElement('iframe'), css='position:absolute; left:0; top:0; z-index:8; filter:alpha(opacity=0); opacity:0'; ifr.style.cssText = css; ifr.setAttribute('style',css); div.appendChild(ifr); div.appendChild(dr); div.appendChild(sug); div.sug = sug; document.body.appendChild(div); oThis.sug = div; oThis.dr = dr; oThis.ifr = ifr; div = dr = ifr = sug = null; } var e = e || window.event, obj = oThis.sug, dr = oThis.dr, ifr = oThis.ifr; obj.sug.innerHTML = str; var w = obj.sug.offsetWidth, h = obj.sug.offsetHeight, dw = document.documentElement.clientWidth||document.body.clientWidth; dh = document.documentElement.clientHeight || document.body.clientHeight; var st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft; var left = e.clientX +sl +17 + w < dw + sl && e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st + 17; obj.style.left = left+ 10 + 'px'; obj.style.top = top + 10 + 'px'; dr.style.width = w + 'px'; dr.style.height = h + 'px'; ifr.style.width = w + 3 + 'px'; ifr.style.height = h + 3 + 'px'; obj.style.visibility = 'visible'; document.onmousemove = function(e){ var e = e || window.event, st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft; var left = e.clientX +sl +17 + w < dw + sl && e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st +17 + h < dh + st && e.clientY + st + 17 || e.clientY + st - 5 - h; obj.style.left = left + 'px'; obj.style.top = top + 'px'; }}</script></head><body> <a href="http://www.csdn.net" onmouseover="wsug(event, '显示个人资料,可以给个div,按要求就可以完成<br />')" onmouseout="wsug(event, 0)" target="_blank">图片位置</a><br /> </body></html> 有PHP砖家,推荐个好用的PHPCMS嘛 PHP5最新版的手册怎么看啊?mysqli怎么查看啊 PHP新手请教大家一个问题如何选择多个表 模版引入错误 时间类 php窃取天气预报 分享一行代码 救命呀session 用不了呀 请问这段代码为什么总是显示mysql error1064:You have an error in your SQL syntax. Check the manual that corresponds to your MySQL 大家来看看这个翻页类如何?欢迎批评雅正....来者有奖:) PHP PDO 模块,真的可以防SQL注入? DOC、PDF文档的读写问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css">
*{font:normal 14px/150% '宋体'}
a:link, a:visited{color:#00f; text-decoration:none}
a:hover, a:active{color:#f00; text-decoration:underline}
</style>
<script>
function wsug(e, str){
var oThis = arguments.callee;
if(!str) {
oThis.sug.style.visibility = 'hidden';
document.onmousemove = null;
return;
}
if(!oThis.sug){
var div = document.createElement('div'), css = 'top:0; left:0; position:absolute; z-index:100; visibility:hidden';
div.style.cssText = css;
div.setAttribute('style',css);
var sug = document.createElement('div'), css= 'font:normal 12px/16px "宋体"; white-space:nowrap; color:#666; padding:3px; position:absolute; left:0; top:0; z-index:10; background:#f9fdfd; border:1px solid #0aa';
sug.style.cssText = css;
sug.setAttribute('style',css);
var dr = document.createElement('div'), css = 'position:absolute; top:3px; left:3px; background:#333; filter:alpha(opacity=50); opacity:0.5; z-index:9';
dr.style.cssText = css;
dr.setAttribute('style',css);
var ifr = document.createElement('iframe'), css='position:absolute; left:0; top:0; z-index:8; filter:alpha(opacity=0); opacity:0';
ifr.style.cssText = css;
ifr.setAttribute('style',css);
div.appendChild(ifr);
div.appendChild(dr);
div.appendChild(sug);
div.sug = sug;
document.body.appendChild(div);
oThis.sug = div;
oThis.dr = dr;
oThis.ifr = ifr;
div = dr = ifr = sug = null;
}
var e = e || window.event, obj = oThis.sug, dr = oThis.dr, ifr = oThis.ifr;
obj.sug.innerHTML = str;
var w = obj.sug.offsetWidth, h = obj.sug.offsetHeight, dw = document.documentElement.clientWidth||document.body.clientWidth; dh = document.documentElement.clientHeight || document.body.clientHeight;
var st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft;
var left = e.clientX +sl +17 + w < dw + sl && e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st + 17;
obj.style.left = left+ 10 + 'px';
obj.style.top = top + 10 + 'px';
dr.style.width = w + 'px';
dr.style.height = h + 'px';
ifr.style.width = w + 3 + 'px';
ifr.style.height = h + 3 + 'px';
obj.style.visibility = 'visible';
document.onmousemove = function(e){
var e = e || window.event, st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft;
var left = e.clientX +sl +17 + w < dw + sl && e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st +17 + h < dh + st && e.clientY + st + 17 || e.clientY + st - 5 - h;
obj.style.left = left + 'px';
obj.style.top = top + 'px';
}
}</script></head>
<body>
<a href="http://www.csdn.net" onmouseover="wsug(event, '显示个人资料,可以给个div,按要求就可以完成<br />')" onmouseout="wsug(event, 0)" target="_blank">图片位置</a><br />
</body>
</html>