鼠标经过链接时,文字提示显示在页面的右下角,不会阻碍浏览者的视线
来源:互联网 发布:淘宝淘客助手插件 编辑:程序博客网 时间:2024/06/05 22:39
<style type="text/css">
#dhtmlfloatie{
position: absolute;
left: 0;
left: -900px;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 2px solid black;
padding: 5px;
z-index: 100;
}
</style>
<script type="text/javascript">
//more javascript from http://www.smallrain.net
var floattext=new Array()
floattext[0]='效果提示一<br><div align="right"><a href="javascript:hidefloatie()">Hide Box</a></div>'
floattext[1]='效果提示二'
var floatiewidth="250px" //default width of floatie in px
var floatieheight="60px" //default height of floatie in px. Set to "" to let floatie content dictate height.
var floatiebgcolor="lightyellow" //default bgcolor of floatie
var fadespeed=70 //speed of fade (5 or above). Smaller=faster.
var baseopacity=0
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",fadespeed)
}
function instantset(degree){
cleartimer()
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function paramexists(what){
return(typeof what!="undefined" && what!="")
}
function showfloatie(thetext, e, optbgColor, optWidth, optHeight){
var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var floatobj=document.getElementById("dhtmlfloatie")
floatobj.style.left="-900px"
floatobj.style.display="block"
floatobj.style.backgroundColor=paramexists(optbgColor)? optbgColor : floatiebgcolor
floatobj.style.width=paramexists(optWidth)? optWidth+"px" : floatiewidth
floatobj.style.height=paramexists(optHeight)? optHeight+"px" : floatieheight!=""? floatieheight : ""
floatobj.innerHTML=thetext
var floatWidth=floatobj.offsetWidth>0? floatobj.offsetWidth : floatobj.style.width
var floatHeight=floatobj.offsetHeight>0? floatobj.offsetHeight : floatobj.style.width
var winWidth=document.all&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winHeight=document.all&&!window.opera? ietruebody().clientHeight : window.innerHeight
e=window.event? window.event : e
floatobj.style.left=dsocx+winWidth-floatWidth-5+"px"
if (e.clientX>winWidth-floatWidth && e.clientY+20>winHeight-floatHeight)
floatobj.style.top=dsocy+5+"px"
else
floatobj.style.top=dsocy+winHeight-floatHeight-5+"px"
slowhigh(floatobj)
}
function hidefloatie(){
var floatobj=document.getElementById("dhtmlfloatie")
floatobj.style.display="none"
}
</script>
<div id="dhtmlfloatie" ></div>
<a href="#" onMouseover="showfloatie('强制执行显示文字', event)" onMouseout="hidefloatie()">设计论坛</a> | <a href="http://www.smallrain.net" onMouseover="showfloatie(floattext[0], event, '#D9FFD9', 250, 100)">小雨在线</a>
- 鼠标经过链接时,文字提示显示在页面的右下角,不会阻碍浏览者的视线
- 鼠标经过文字链接时出现漂亮的提示层
- 鼠标经过文字显示提示层
- 鼠标经过链接显示提示信息
- 鼠标放在图片上 显示提示的文字
- 鼠标经过显示文字
- 人们浏览网页时的视线轨迹
- 鼠标经过图片变成文字的效果
- 视线语音鼠标 4 C#图像的读取和显示
- DIV CSS鼠标经过悬停在图片上时图片上方显示文字
- DIV CSS鼠标经过悬停在图片上时图片上方显示文字
- CSS实现的鼠标经过文本时提示信息
- 鼠标放在文字上面,显示完整的文字。
- 鼠标经过图片时显示半透明文字,边框变色
- 鼠标经过图片时显示半透明文字.net
- 鼠标经过图片时显示半透明文字,边框变色
- 页面右下角弹出的消息提示代码
- 鼠标移动到链接上显示提示文字
- Dotnet中用接口描述is和as操作符之间的区别
- 孙子兵法
- oracle初始化参数设置
- C库函数手册
- CVS 命令集
- 鼠标经过链接时,文字提示显示在页面的右下角,不会阻碍浏览者的视线
- struts1.1中的异常应用实践
- 一、无法打开ASP.NET Web项目
- struts框架中多行表单提交
- InfoHelper 项目散记(1)
- J2SE5.0新特性之ProcessBuilder
- InfoHelper 项目散记 (2)--项目启动会刚开完就出现了问题......
- 性能优化:==代替equals
- 转贴"北京出租车司机妙语录(标准的北京话)"