图片显示文字效果
来源:互联网 发布:app用户行为数据采集 编辑:程序博客网 时间:2024/05/07 06:57
<p align="center"><font color="#0000ff">把鼠标悬停到图片上看效果</font></p>
<div align="center">
<center>
<p><font color="#ff0000">看看一般的提示框:</font><br><br>
<a href="#" title="欢迎大家学习这门语言"><img src="javascript.gif" border=0></a>
</p>
</center>
</div>
<p align="center"><font color="#ff0000">再看看特殊的提示框:</font>
</p>
<p align="center"><a href="#" onMouseOver="showtip('优秀的出版社,为读者尽心编写的一本书!')" onMouseOut="hidetip()"><img src="javascript_1.gif" border=0></a><br>
</p><font style="font-size: 9pt;">
<div ID="tip" style="position:absolute;visibility:hidden;width:160px;background-color:eedddd;height:19px;left:77px;top:96px">
</div>
<SCRIPT language=JavaScript>
<!--
function showtip(text)
{
if(document.all)
{
document.all.tip.innerHTML=text
document.all.tip.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tip.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tip.style.visibility="inherit"
}
}
function hidetip()
{
if(document.all)
document.all.tip.style.visibility="hidden"
}
//-->
</script></font>
<div align="center">
<center>
<p><font color="#ff0000">看看一般的提示框:</font><br><br>
<a href="#" title="欢迎大家学习这门语言"><img src="javascript.gif" border=0></a>
</p>
</center>
</div>
<p align="center"><font color="#ff0000">再看看特殊的提示框:</font>
</p>
<p align="center"><a href="#" onMouseOver="showtip('优秀的出版社,为读者尽心编写的一本书!')" onMouseOut="hidetip()"><img src="javascript_1.gif" border=0></a><br>
</p><font style="font-size: 9pt;">
<div ID="tip" style="position:absolute;visibility:hidden;width:160px;background-color:eedddd;height:19px;left:77px;top:96px">
</div>
<SCRIPT language=JavaScript>
<!--
function showtip(text)
{
if(document.all)
{
document.all.tip.innerHTML=text
document.all.tip.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tip.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tip.style.visibility="inherit"
}
}
function hidetip()
{
if(document.all)
document.all.tip.style.visibility="hidden"
}
//-->
</script></font>
- 图片显示文字效果
- 鼠标移动显示 div 图片 文字效果
- 原生JS实现鼠标悬停图片显示文字效果
- Jquery html 突出显示某张图片或文字效果 亮暗效果
- TextView一行显示一个文字效果
- Photoshop 意境文字效果图片制作
- 图像显示时加入水印文字效果[转]
- css实现图片上漂浮着文字效果
- Android Apps GridView的图片加文字效果
- 在ios中实现图片环绕文字效果
- css图片上漂浮着文字效果
- 怎么在图片上做文字效果
- HTML+CSS实现图片下半部分遮罩文字效果(仿微信推送信息的图片文字效果)
- ListView添加图片和文字效果之SimpleAdapter简单实例
- 图换文字效果:任意标签,均可插入图片
- 金属文字效果
- css文字效果
- GDI+ 文字效果
- 图片渐出效果
- 《程序员密码学》之消息认证码算法
- HDU 1879 最小生成树 prim + kruskal
- 通过SQL语句设置或删除主键——CONSTRAINT用法
- 欧拉回路和哈密尔顿回路
- 图片显示文字效果
- SQLite剖析(9):动态内存分配
- Windows CE系统机制中的调度
- 调试寄存器 原理与使用:DR0-DR7
- 我的开源[不断扩充中]
- asp+ajax
- 程序员由于天天和逻辑打交道,所以在世故的人眼里往往显得过于简单。
- google发布紧急通知!!情况严重!!!
- 图片链接滚动效果