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程序设计有所帮助。

Javascript 相关文章推荐
让textarea自动调整大小的js代码
Apr 12 Javascript
优化innerHTML操作(提高代码执行效率)
Aug 20 Javascript
js对象关系图 方便dom操作
Mar 18 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
js获取字符串字节数方法小结
Jun 09 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
vue-router中的hash和history两种模式的区别
Jul 17 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
基于js实现判断浏览器类型代码实例
Jul 17 Javascript
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
Smarty中调用FCKeditor的方法
2014/10/27 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
详解PHP归并排序的实现
2016/10/18 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
JavaScript插入动态样式实现代码
2012/02/22 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
不可错过的十本Python好书
2017/07/06 Python
Python中int()函数的用法浅析
2017/10/17 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
python实现堆和索引堆的代码示例
2018/03/19 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
python实现扫描ip地址的小程序
2019/04/16 Python
详解python深浅拷贝区别
2019/06/24 Python
pytorch数据预处理错误的解决
2020/02/20 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
python中的unittest框架实例详解
2021/02/05 Python
opencv实现图像平移效果
2021/03/24 Python
大学生的网上创业计划书
2013/12/31 职场文书
大学生秋游活动方案
2014/02/17 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python