鼠标放在文字上面,显示完整的文字。
来源:互联网 发布:广州餐饮数据分析 编辑:程序博客网 时间:2024/04/27 17:51
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自定义Alt-www.51windows.net-www.Sucai.com</title>
</head>
<body>
<span alt="好孩子^O^">过来</span><br><br>
<span alt="好孩子^O^" altbg="red" altcolor=yellow altborder="yellow">过来</span><br><br>
<span alt="好孩子^O^" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">过来</span><br><br>
<span alt="好孩子^O^" altbg="green" altcolor=yellow altborder="darkgreen">过来</span><br><br>
<span alt="好孩子^O^" altbg="#000000" altcolor="#FFFFFF" altborder="#000000">过来</span>
<div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id=altlayer></div>
<script>
document.body.onmousemove=quickalt;
document.body.onmouseover=getalt;
document.body.onmouseout=restorealt;
var tempalt='';
function getalt()
{
if(event.srcElement.alt && (event.srcElement.alt!='' || (event.srcElement.alt=='' && tempalt!='')))
{
altlayer.style.left=event.x;
altlayer.style.top=event.y+20;
altlayer.style.display='';
tempalt=event.srcElement.alt;
tempbg=event.srcElement.altbg;
tempcolor=event.srcElement.altcolor;
tempborder=event.srcElement.altborder;
event.srcElement.alt='';
altlayer.innerText=tempalt;
if (typeof(tempbg)!="undefined"){altlayer.style.background=tempbg}else{altlayer.style.background="#FFFFCC"}
if (typeof(tempcolor)!="undefined"){altlayer.style.color=tempcolor}else{altlayer.style.color=tempcolor="#000000"}
if (typeof(tempborder)!="undefined"){altlayer.style.border='1px solid '+tempborder;}else{altlayer.style.border='1px solid #000000';}
}
}
function quickalt()
{
if(altlayer.style.display=='')
{
altlayer.style.left=event.x;
altlayer.style.top=event.y+10;
}
}
function restorealt()
{
event.srcElement.alt=tempalt;
tempalt='';
altlayer.style.display='none';
}
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自定义Alt-www.51windows.net-www.Sucai.com</title>
</head>
<body>
<span alt="好孩子^O^">过来</span><br><br>
<span alt="好孩子^O^" altbg="red" altcolor=yellow altborder="yellow">过来</span><br><br>
<span alt="好孩子^O^" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">过来</span><br><br>
<span alt="好孩子^O^" altbg="green" altcolor=yellow altborder="darkgreen">过来</span><br><br>
<span alt="好孩子^O^" altbg="#000000" altcolor="#FFFFFF" altborder="#000000">过来</span>
<div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id=altlayer></div>
<script>
document.body.onmousemove=quickalt;
document.body.onmouseover=getalt;
document.body.onmouseout=restorealt;
var tempalt='';
function getalt()
{
if(event.srcElement.alt && (event.srcElement.alt!='' || (event.srcElement.alt=='' && tempalt!='')))
{
altlayer.style.left=event.x;
altlayer.style.top=event.y+20;
altlayer.style.display='';
tempalt=event.srcElement.alt;
tempbg=event.srcElement.altbg;
tempcolor=event.srcElement.altcolor;
tempborder=event.srcElement.altborder;
event.srcElement.alt='';
altlayer.innerText=tempalt;
if (typeof(tempbg)!="undefined"){altlayer.style.background=tempbg}else{altlayer.style.background="#FFFFCC"}
if (typeof(tempcolor)!="undefined"){altlayer.style.color=tempcolor}else{altlayer.style.color=tempcolor="#000000"}
if (typeof(tempborder)!="undefined"){altlayer.style.border='1px solid '+tempborder;}else{altlayer.style.border='1px solid #000000';}
}
}
function quickalt()
{
if(altlayer.style.display=='')
{
altlayer.style.left=event.x;
altlayer.style.top=event.y+10;
}
}
function restorealt()
{
event.srcElement.alt=tempalt;
tempalt='';
altlayer.style.display='none';
}
</script>
</body>
</html>
- 鼠标放在文字上面,显示完整的文字。
- 鼠标放在图片上 显示提示的文字
- (源码实例)通过层DIV实现,当鼠标放在链接上面,显示图片及文字
- (源码实例)通过层DIV实现,当鼠标放在链接上面,显示图片及文字
- (源码实例)通过层DIV实现,当鼠标放在链接上面,显示图片及文字
- 鼠标移动在文字上面,让其显示详细信息
- (源码实例)通过层DIV实现,当鼠标放在链接上面,显示图片及文字 - 流星絮语 JAVA学习笔记 - CSDNBlog
- Html 让文字显示在图片的上面
- Html 让文字显示在图片的上面
- drawableTop,button图片显示在文字上面,文字不显示的问题
- 超出div宽度范围的文字进行省略号省略,在鼠标移上去以后显示完整的内容
- 鼠标放上去显示全部文字,不放上去,显示部分文字jquery效果,包括隐藏部分文字
- table td样式显示文字超过最大宽度后面用...,鼠标停在上面显示所有文字
- Jquery实现鼠标放在图片上面显示大图效果
- 鼠标放上去就清空文字
- js实现的鼠标放上和移开显示不同图片和文字,样式比较好看
- 鼠标经过显示文字
- 获取一个标签文字的长度和显示完整文字
- 幸福森林的闲人日记系列之---抢肉记(超长篇+分享版)-------记2011年8月13日
- 修改servlet无需重启tomcat
- 用PLSQL 发送邮件 UTL_SMTP
- 打印word时勾选空格的实现
- MyEclipse 8.6 安装 SVN 插
- 鼠标放在文字上面,显示完整的文字。
- 选择C++编辑器的几大要素
- 数学函数math.h 字符处理函数ctype.h
- memcache对于网站架构的作用思考
- redhat5.3 oracle10.1 安装过程
- Memcache的使用方法
- 习惯培养
- WINDOWS XP平台下单位物理备用库环境塔建
- 在XP系统上搭建FTP内网站点