IE默认会给带alt属性图片和带title的链接一个浮动显示:
<img src="http://www.okajax.com/images/logo.gif" alt="Ajax中国"><a href="#" title="Ajax中国">Ajax中国</a>
增强效果1：
<style>
.popShow{
background:#ffffcc; border:1px solid black; padding:4px;font-family:verdana; font-size:70%; width:300px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#0099FF', EndColorStr='#00FFFF')
}
.popImg{
border:0px; cursor: hand;
}
</style>
</style>
<SCRIPT>
var oPopup = window.createPopup();
function fnDef()
{
oPopup.document.body.innerHTML = "<DIV STYLE=\"background:#ffffcc; border:1px solid black; padding:4px;font-family:verdana; font-size:70%;color=#111; width:300px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#0099FF', EndColorStr='#00FFFF'\">"+event.srcElement.title+"</div>";
var popupBody = oPopup.document.body;
oPopup.show(0, 0, 300, 50);
var realHeight = popupBody.scrollHeight;
oPopup.hide();
oPopup.show(0, 15 , 300, realHeight, event.srcElement);
}
</SCRIPT>
<IMG src="http://www.okajax.com/images/logo.gif" border=0 class="popImg" title="联系人：fsdfsafasf<BR>ID：asdfasdf<BR>E-Mail：tierhuang@126.com<BR>联系电话：asdfadsf<BR>联系地址：asdfasdf<BR>邮政编码：asdfasdf<BR>" onmouseover="fnDef();" >
增强效果2：
<script language="javascript">
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 20;
var toolTipSTYLE="";
function initToolTips()
{
if(ns4||ns6||ie4)
{
if(ns4) toolTipSTYLE = document.toolTipLayer;
else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
if(ns4) document.captureEvents(Event.MOUSEMOVE);
else
{
toolTipSTYLE.visibility = "visible";
toolTipSTYLE.display = "none";
}
document.onmousemove = moveToMouseLoc;
}
}
function toolTip(msg, fg, bg)
{
if(toolTip.arguments.length < 1) // hide
{
if(ns4) toolTipSTYLE.visibility = "hidden";
else toolTipSTYLE.display = "none";
}
else // show
{
if(!fg) fg = "#777777";
if(!bg) bg = "#FFFFFF";
var content =
'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg +
'"><td align="center"><font face="sans-serif" color="' + fg +
'" style="font-size:12px"> \;' + msg +
' \;</font></td></table></td></table>';
if(ns4)
{
toolTipSTYLE.document.write(content);
toolTipSTYLE.document.close();
toolTipSTYLE.visibility = "visible";
}
if(ns6)
{
document.getElementById("toolTipLayer").innerHTML = content;
toolTipSTYLE.display='block'
}
if(ie4)
{
document.all("toolTipLayer").innerHTML=content;
toolTipSTYLE.display='block'
}
}
}
function moveToMouseLoc(e)
{
if(ns4||ns6)
{
x = e.pageX;
y = e.pageY;
}
else
{
x = event.x + document.body.scrollLeft;
y = event.y + document.body.scrollTop;
}
toolTipSTYLE.left = x + offsetX;
toolTipSTYLE.top = y + offsetY;
return true;
}
</script>
<A href="#" onMouseOver="toolTip('四川辣椒的艺术 （转）', '#333333', '#BFFF95')" onMouseOut="toolTip()"><span style="color:#FF6600">四川辣椒的艺术 （转）</span></A>
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="JavaScript"><!--
initToolTips(); //--></script>
增强效果3：
<html>
<head>
<script language="javascript">
var tipTimer;
function locateObject(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document); return x;
}
function hideTooltip(object)
{
if (document.all)
{
locateObject(object).style.visibility="hidden"
locateObject(object).style.left = 1;
locateObject(object).style.top = 1;
return false
}
else if (document.layers)
{
locateObject(object).visibility="hide"
locateObject(object).left = 1;
locateObject(object).top = 1;
return false
}
else
return true
}
function showTooltip(object,e, tipContent, backcolor, bordercolor, textcolor, displaytime)
{
window.clearTimeout(tipTimer)
if (document.all)
{
locateObject(object).style.top=document.body.scrollTop+event.clientY+20
locateObject(object).innerHTML='<table style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border: '+bordercolor+'; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: '+backcolor+'" width="10" border="0" cellspacing="1" cellpadding="1"><tr><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: '+textcolor+'">'+unescape(tipContent)+'</font></td></tr></table> '
if ((e.x + locateObject(object).clientWidth) > (document.body.clientWidth + document.body.scrollLeft))
{
locateObject(object).style.left = (document.body.clientWidth + document.body.scrollLeft) - locateObject(object).clientWidth-10;
}
else
{
locateObject(object).style.left=document.body.scrollLeft+event.clientX
}
locateObject(object).style.visibility="visible"
tipTimer=window.setTimeout("hideTooltip('"+object+"')", displaytime);
return true;
}
else if (document.layers)
{
locateObject(object).document.write('<table width="10" border="0" cellspacing="1" cellpadding="1"><tr bgcolor="'+bordercolor+'"><td><table width="10" border="0" cellspacing="0" cellpadding="2"><tr bgcolor="'+backcolor+'"><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: '+textcolor+'">'+unescape(tipContent)+'</font></td></tr></table></td></tr></table>')
locateObject(object).document.close()
locateObject(object).top=e.y+20
if ((e.x + locateObject(object).clip.width) > (window.pageXOffset + window.innerWidth))
{
locateObject(object).left = window.innerWidth - locateObject(object).clip.width-10;
}
else
{
locateObject(object).left=e.x;
}
locateObject(object).visibility="show"
tipTimer=window.setTimeout("hideTooltip('"+object+"')", displaytime);
return true;
}
else
{
return true;
}
}
</script>
</head>
<body>
<div id="dHTMLToolTip" style="position: absolute; visibility: hidden; width:10; height: 10; z-index: 1000; left: 0; top: 0"></div>
<span onMouseOver="showTooltip('dHTMLToolTip',event, '文字提示信息部分<br>带图片的<img src=http://www.okajax.com/images/logo.gif>', '#fffff2','#000000','#000000','20000')" onMouseOut="hideTooltip('dHTMLToolTip')">点这里</span>
</body>
<html>
增强效果4：
<DIV ID="DIV" STYLE="position:absolute; top:190px; left:100px; width:440px; height:160px; padding:10px; font:bold 13pt verdana; color:white;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0000FF', EndColorStr='#000000')">
<BR/><BR/><BR/>
<style type="text/css">
.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
.prem_hint{font-family:verdana,arial,helvetica; font-size:8pt; color:#ffffff; font-weight:normal}
.header{font-family:arial,verdana,helvetica; font-size:20pt; color:#ffff00; font-weight:bold}
</style>
<!--BEGIN REQUIRED-->
<script language="javascript">
// Location of this script:
// http://www.geocities.com/e_i_search/premshree/pub/scripts/JS/link_hint_scroller.htm
//*********************************************
//* Link Hint Scroller 1.0 *
//* This script when you move your mouse over *
//* displays a scrolling hint *
//* (c) Premshree Pillai, *
//* http://qik.cjb.net *
//* E-mail : premshree@hotmail.com *
//* Use the script freely as long as this *
//* message is intact *
//*********************************************
window.onerror = null;
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var NS4 = (bName == "Netscape" && bVer >= 4);
var IE4 = (bName == "Microsoft Internet Explorer"
&& bVer >= 4);
var NS3 = (bName == "Netscape" && bVer < 4);
var IE3 = (bName == "Microsoft Internet Explorer"
&& bVer < 4);
var scroll_length = 150; //The scroll length
var time_length =50; //Scroll speed
var begin_pos = 100; //Start position of scroll hint
var i;
var j;
if (NS4 || IE4) {
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
//SCROLL
function Scroll(layerName){
if (NS4 || IE4) {
if (NS4 || IE4) {
if(i<(begin_pos+scroll_length)){
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="visible"');
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.left="'+i+'"');
i++;
j++;
if(i==j){
setTimeout("Scroll('"+layerName+"')",time_length);}
}
}
}
}
//STOP SCROLLING
function StopScroll(layerName)
{
i=begin_pos+scroll_length;
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.left="'+i+'"');
hideLayer(layerName);
}
function reset()
{
i=begin_pos;
j=i;
}
// HIDE HINT
function hideLayer(layerName){
if (NS4 || IE4) {
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="hidden"');
}
}
</script>
<!--END REQUIRED-->
<center>
<span class="header">Link Hint Scroller 1.0</span>
<br>
<!--BEGIN REQUIRED-->
<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">Move your mouse over</a>
</center>
<div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint">
This is the hint or description for the above link!
</div>
<!--END REQUIRED-->
</DIV>
转：http://www.okajax.com/a/200902/0213S542009.html
分享到：
相关推荐
数学建模学习资料 神经网络算法 参考资料-Matlab 共26页.pptx
happybirthday2 升级版生日祝福密码0000(7).zip
本项目是一个基于SSM框架的税务门户网站实现，结合了Vue技术，旨在提供一个全面的税务信息管理平台。该项目主要功能包括税务信息查询、税务申报、税务政策浏览及用户管理等多个模块。通过这些功能，用户可以方便地查询和管理税务相关的各类信息，同时也能及时了解最新的税务政策和规定。 项目采用SSM框架，即Spring、Spring MVC和MyBatis，这三者的结合为项目提供了强大的后端支持，确保了数据的安全性和系统的稳定性。前端则采用Vue.js框架，以其高效的数据绑定和组件化开发模式，提升了用户界面的响应速度和用户体验。 开发此项目的目的不仅是为了满足计算机相关专业学生在毕业设计中的实际需求，更是为了帮助Java学习者通过实战练习，深入理解并掌握SSM框架的应用，从而在实际工作中能够更好地运用这些技术。
php7.4.33镜像7z压缩包
本项目是一个基于Java的珠宝购物网站系统，采用SSM框架进行开发，旨在为计算机相关专业学生提供一个实践平台，同时也适合Java学习者进行实战练习。项目的核心功能涵盖商品展示、用户注册登录、购物车管理、订单处理和支付系统等。通过这一系统，用户可以浏览各类珠宝商品，包括详细的商品描述、高清图片和价格信息，同时能够方便地添加商品至购物车，并进行结算和支付操作。 在技术实现方面，项目运用了Spring、Spring MVC和MyBatis三大框架，确保系统的稳定性和扩展性。Spring负责业务逻辑层，提供依赖注入和面向切面编程的支持；Spring MVC则处理Web层的请求和响应，实现MVC设计模式；MyBatis作为持久层框架，简化了数据库操作。 此外，项目采用JSP技术进行前端页面展示，结合HTML、CSS和JavaScript等技术，为用户提供友好的交互界面。
基于java的高校大学生党建系统设计与实现.docx
本项目是一个基于Python-Django框架开发的疫情数据可视化分析系统，旨在为计算机相关专业的学生提供一个实践平台，同时也适用于需要进行项目实战练习的同学。项目集成了疫情数据的收集、处理、分析和可视化功能，为用户提供了一个直观、高效的数据分析环境。 在功能方面，系统能够自动抓取最新的疫情数据，包括确诊、疑似、治愈和死亡人数等关键指标。数据处理模块则负责清洗和整理这些数据，以确保分析的准确性。分析模块采用了多种统计方法和机器学习算法，以揭示疫情的发展趋势和潜在模式。可视化模块则通过图表和地图等形式，直观地展示了分析结果，便于用户理解和分享。 项目的开发框架选择了Django，这是一个高级Python Web框架，它鼓励快速开发和清晰、务实的设计。Django的强大功能和灵活性，使得项目能够快速响应需求变化，同时保证了系统的稳定性和安全性。
果树领养计划.docx
环境说明：开发语言：Java 框架：springboot JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7 数据库工具：Navicat 开发软件：eclipse/myeclipse/idea Maven包：Maven 浏览器：谷歌浏览器。 项目均可完美运行 基于Java的云平台信息安全攻防实训平台提供了以下核心功能： 1. **实训课程与项目**：平台提供了丰富多样的实训课程和项目，覆盖网络安全基础知识、漏洞挖掘与利用、渗透测试技术、安全防护策略等多个领域。 2. **在线学习模块**：学员可以通过在线学习模块观看教学视频、阅读文档资料，系统地学习信息安全知识。 3. **虚拟实验室环境**：平台提供虚拟实验室环境，学员可以在模拟的真实网络场景中进行攻防演练，包括漏洞扫描、攻击测试和防御措施的学习。 4. **教学管理功能**：教师可以创建和管理课程内容，制定教学计划，布置实训作业和考试任务。 5. **监控和统计功能**：教师可以实时了解学员的学习进度、实践操作情况和考试成绩，进行有针对性的指导和辅导。 6. **平台管理功能**：管理员负责用户管理、资源分配、系统安全维护等，确保平台稳定运行和实训环境的安全性。 7. **实时监控和评估**：系统具备实时监控和评估功能，能够及时反馈学生的操作情况和学习效果。 8. **用户认证和授权机制**：平台采用了严格的用户认证和授权机制，确保数据的安全性和保密性。 这些功能共同构建了一个功能丰富、操作便捷的实训环境，旨在提升学员的信息安全技能，为信息安全领域的发展输送专业人才。
基于GrampusFramework的轻量级单体RBAC权限管理系统
内容概要：本文档全面整理了软考（中级-软件设计师）的关键知识点，涵盖了计算复杂度、网络协议、数据结构、编程语言、数据库理论、软件测试、编译原理、设计模式、安全协议等多个方面的内容。具体涉及环路复杂度计算、SSH协议、数据字典与数据流图、对象的状态与数字签名、编程语言分类、海明码、著作权法、物理层与数据链路层设备、归纳法与演绎法、模块间耦合、能力成熟度模型集成、配置管理与风险管理、数据库关系范式、内存技术、计算机网络端口、路由协议、排序算法、中间代码、软件测试类型、编译器各阶段任务、设计模式、耦合与内聚、计算机病毒种类等。 适用人群：备考软考（中级-软件设计师）的技术人员，尤其是有一定工作经验但希望进一步提升自身技能和知识的IT从业人员。 使用场景及目标：帮助考生系统梳理考试重点，理解和掌握软件设计师应具备的专业知识和技术。适合考前复习和巩固基础知识。文档还可以作为参考资料，用于日常工作中遇到相关问题时查阅。 其他说明：本文档不仅提供了丰富的知识点，还附带了一些关键术语的定义和详细的解释，确保读者能够全面理解相关内容。建议在复习过程中结合实际案例进行练习，加深理解。
数学建模学习资料 神经网络算法 Hopfield网络 共58页.pptx
工作寻(JobHunter)是一款招聘信息整合的网站，目前固定的模板有拉勾网，中华英才网，前程无忧。工作寻可以在线通过关
本项目是基于Python实现的协同过滤音乐推荐系统，旨在为计算机相关专业学生提供一个完整的毕设实战案例。项目以协同过滤算法为核心，通过分析用户历史行为数据，为用户推荐符合其兴趣偏好的音乐。 主要功能包括用户兴趣建模、音乐推荐生成以及用户反馈机制。系统能够实时捕捉用户听歌行为，动态更新用户兴趣模型，从而更精准地推送个性化音乐推荐。同时，系统设计了友好的用户界面，使用户能够方便地获取推荐音乐，并通过反馈机制不断完善推荐算法。 在技术框架方面，项目采用了Python编程语言，借助scikit-learn等机器学习库实现协同过滤算法，并结合Flask框架搭建了Web服务，确保了系统的性能和稳定性。此项目的开发，不仅能够帮助学生深入理解协同过滤算法及音乐推荐系统的工作原理，还能提升其软件开发和项目管理能力。
微型餐饮补正备案材料通知书.docx
食品生产许可质量跟踪监督建议书.docx
基于django的音乐推荐系统.zip
如果让某人推荐Python技术书，请让他看这个列表很棒的 Python 书籍如果让某人推荐Python技术书，请让他看这个列表前言好的技术书籍可以帮助我们快速成长，大部分人新生儿或者少部分受益于经典的技术书籍。在「Python开发者」微信公号后台，我们经常能收到帮忙推荐书籍的消息。此类问题在@Python开发者微博和伯乐在线的Python小组讨论中也绝非耳熟能详。 7月3日，伯乐在线在「Python开发者」微信公号发起了一个讨论（注PC端无法看到大家的评论，需要关注微信公号后，从微信公号才可以看到），通过这个讨论话题，在评论中分享对自己有帮助的大量Python技术书籍。 （Python开发者）入门《Head First Python》+入门级+微信49票+豆瓣评分9.5推荐语**66**浅显易懂，编排的顺序特别，有大量插图、对话，感觉枯燥古心通熟易懂，大量の图片，不会觉得枯燥，是一本不错的入门书《集体智慧编程》+入门级+微信123票+豆瓣评分 9.0推荐语**Mèrçurý**以实例具体的方式来展示Python的编程技巧，受益良多《Py
基于java的博客系统设计与实现.docx
建设工程基本建设程序检查表.docx