编程 Javascript

js实现动画特效的文字链接鼠标悬停提示的方法

Posted in Javascript onMarch 02, 2015

本文实例讲述了js实现动画特效的文字链接鼠标悬停提示的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>js实现动画效果的文字链接鼠标悬停提示效果</title>

</head>

<body>

<STYLE type="text/css">

<!--

.article { 

BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden 

; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px} 

-->

</STYLE>

<SCRIPT language=JavaScript1.2> 

<!-- 

function Show(divid) { 

divid.filters.revealTrans.apply(); 

divid.style.visibility = "visible"; 

divid.filters.revealTrans.play(); 

} 

function Hide(divid) { 

divid.filters.revealTrans.apply(); 

divid.style.visibility = "hidden"; 

divid.filters.revealTrans.play(); 

} 

//--> 

</script> 

<a href="#" onMouseOver=Show(aaa) onMouseOut=Hide(aaa)>三水点靠木</a></div>

   <div id="aaa" class="article">三水点靠木</div><br>

<a href="#" onMouseOver=Show(bbb) onMouseOut=Hide(bbb)>素材之家</a></div>

   <div id="bbb" class="article">素材之家</div><br>

<a href="#" onMouseOver=Show(ccc) onMouseOut=Hide(ccc)>百度搜索</a></div>

   <div id="ccc" class="article">百度搜索</div>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript remove 自定义数组删除方法

Oct 20 Javascript

JQUERY操作JSON实例代码

Feb 09 Javascript

Chrome中模态对话框showModalDialog返回值问题的解决方法

May 25 Javascript

js编码之encodeURIComponent使用介绍(asp,php)

Mar 01 Javascript

jquery实现手风琴效果实例代码

Nov 15 Javascript

js中array的sort()方法使用介绍

Feb 20 Javascript

详解堆的javascript实现方法

Nov 29 Javascript

js实现无缝滚动图（可控制当前滚动的方向）

Feb 22 Javascript

AngularJS页面传参的5种方式

Apr 01 Javascript

Vue 进阶教程之v-model详解

May 06 Javascript

js使用原型对象(prototype)需要注意的地方

Aug 28 Javascript

多种类型jQuery网页验证码插件代码实例

Jan 09 jQuery

JS实现点击文字对应DIV层不停闪动效果的方法

Mar 02 #Javascript

JavaScript定时显示广告代码分享

Mar 02 #Javascript

js实现绿白相间竖向网页百叶窗动画切换效果

Mar 02 #Javascript

js实现横向百叶窗效果网页切换动画效果的方法

Mar 02 #Javascript

js实现从中间开始往上下展开网页窗口的方法

Mar 02 #Javascript

Javascript无参数和有参数类继承问题解决方法

Mar 02 #Javascript

JS实现超炫网页烟花动画效果的方法

Mar 02 #Javascript

You might like

php等比例缩放图片及剪切图片代码分享

2016/02/13 PHP

PHP MSSQL 分页实例

2016/04/13 PHP

PHP实现QQ、微信和支付宝三合一收款码实例代码

2018/02/19 PHP

PHP convert_cyr_string()函数讲解

2019/02/13 PHP

php下的原生ajax请求用法实例分析

2020/02/28 PHP

JS之Date对象和获取系统当前时间详解

2014/01/13 Javascript

通过url查找a元素并点击

2014/04/09 Javascript

JavaScript Math.floor方法(对数值向下取整)

2015/01/09 Javascript

jQuery实现的类似淘宝网站搜索框样式代码分享

2015/08/24 Javascript

值得分享的bootstrap table实例

2016/09/22 Javascript

微信小程序解决swiper不显示图片的方法

2017/01/04 Javascript

js实现日期显示的一些操作(实例讲解)

2017/07/27 Javascript

Echarts基本用法_动力节点Java学院整理

2017/08/11 Javascript

AngularJS基于MVC的复杂操作实例讲解

2017/12/31 Javascript

vue嵌套路由与404重定向实现方法分析

2018/05/04 Javascript

vue2实现搜索结果中的搜索关键字高亮的代码

2018/08/29 Javascript

ElementUI radio组件选中小改造

2019/08/12 Javascript

layer弹窗在键盘按回车将反复刷新的实现方法

2019/09/25 Javascript

Vue+Element-UI实现上传图片并压缩

2019/11/26 Javascript

JavaScript设计模式之观察者模式与发布订阅模式详解

2020/05/07 Javascript

python爬虫获取百度首页内容教学

2018/12/23 Python

解决pyinstaller打包pyqt5的问题

2019/01/08 Python

Python当中的array数组对象实例详解

2019/06/12 Python

pytorch 批次遍历数据集打印数据的例子

2019/12/30 Python

python如何提取英语pdf内容并翻译

2020/03/03 Python

python 中不同包类方法之间的调用详解

2020/03/09 Python

python使用pyecharts库画地图数据可视化的实现

2020/03/25 Python

Python限制内存和CPU使用量的方法（Unix系统适用）

2020/08/04 Python

python开发一个解析protobuf文件的简单编译器

2020/11/17 Python

Rossignol金鸡美国官网：始于1907年法国百年雪具品牌

2019/03/06 全球购物

互联网创业计划书的书写步骤

2014/01/28 职场文书

超越自我演讲稿

2014/05/21 职场文书

纺织工程专业推荐信

2014/09/08 职场文书

总经理年会致辞

2015/07/29 职场文书

python基础之while循环语句的使用

2021/04/20 Python

mysql如何查询连续记录

2022/05/11 MySQL