首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
如何丰富alt属性的显示效果
所属分类：
网络编程
/
JavaScript
阅读数： 1417
收藏 0
赞 0
分享
IE默认会给带alt属性图片和带title的链接一个浮动显示
<img src="https://zhanzhang360.qulang.net/imgupload/000583/logo.gif" alt="蓝色理想"> <a href="#" title="蓝色理想">蓝色理想</a>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
很多朋友觉得不好看或者功能不丰富想改改，搜集了几种办法大家研究下
</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="https://zhanzhang360.qulang.net/imgupload/000583/logo.gif" border=0 class="popImg" title="联系人：fsdfsafasfID：asdfasdfE-Mail：tierhuang@126.com联系电话：asdfadsf联系地址：asdfasdf邮政编码：asdfasdf" onmouseover="fnDef();" >
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
<A href="#" onMouseOver="toolTip('四川辣椒的艺术 （转）', '#333333', '#BFFF95')" onMouseOut="toolTip()"><span style="color:#FF6600">四川辣椒的艺术 （转）</span></A> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
<html> <head> </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, '文字提示信息部分带图片的<img src=https://zhanzhang360.qulang.net/imgupload/000583/logo.gif>', '#fffff2','#000000','#000000','20000')" onMouseOut="hideTooltip('dHTMLToolTip')">点这里</span> </body> <html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
<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')"> <!--BEGIN REQUIRED--> <!--END REQUIRED--> <center> <span class="header">Link Hint Scroller 1.0</span> <!--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>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
JSONP原理及简单实现
这篇文章主要介绍了JSONP原理及简单实现的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
浅析JSONP技术原理及实现
这篇文章主要介绍了浅析JSONP技术原理及实现 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
使用Web Uploader实现多文件上传
这篇文章主要介绍了使用Web Uploader实现多文件上传的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
json的使用小结
下面小编就为大家带来一篇json的使用小结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
非常实用的js验证框架实现源码 附原理方法
这篇文章主要为大家详细介绍了一个非常实用的js验证框架实现源码，并附原理方法，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
js验证框架之RealyEasy验证详解
这篇文章主要为大家详细介绍了js验证框架之RealyEasy验证，记录了RealyEasy验证的使用步骤，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
webpack中引用jquery的简单实现
下面小编就为大家带来一篇webpack中引用jquery的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JavaScript必知必会(五) eval 的使用
这篇文章主要介绍了JavaScript必知必会(五) eval 的使用 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
JavaScript必知必会(六) delete in instanceof
这篇文章主要介绍了JavaScript必知必会(六) delete in instanceof的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
JavaScript必知必会(七)js对象继承
这篇文章主要介绍了JavaScript必知必会(七)js对象继承的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
怎么用互联网思维的做餐饮？
网络赚钱的几种模式总结
Google
光大银行网上银行西联汇款收汇方法分享
站长必看:让你的网站多一种赚钱方法
为什么做网站不赚钱?做网站不赚钱的三大原因
站长故事
更多
站长故事：一个90后站长的自述
揭秘互联网骗子怎么做到月入过万
作为站长的你是否已有危机感：你被盯上了
探讨：为什么个人站长越来越不愿做seo独立博客
八零后站长们：我们都是“囧”的一代
人物：戴志康，80后创业者携惊叹号而来
