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 相关文章推荐
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 Javascript
angularjs封装bootstrap时间插件datetimepicker
Jun 20 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
Mar 01 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
全站最详细的Vuex教程
Apr 13 Javascript
VsCode与Node.js知识点详解
Sep 05 Javascript
Angular封装表单控件及思想总结
Dec 11 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
jquery实现广告上下滚动效果
Mar 04 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中通过curl检测页面是否被百度收录
2013/09/27 PHP
php curl_init函数用法
2014/01/31 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
JavaScript实现拼音排序的方法
2012/11/20 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
wxPython框架类和面板类的使用实例
2014/09/28 Python
详解python中list的使用
2019/03/15 Python
python mac下安装虚拟环境的图文教程
2019/04/12 Python
值得收藏的10道python 面试题
2019/04/15 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
机电一体化专业应届生求职信
2013/11/27 职场文书
会计出纳岗位职责
2013/12/25 职场文书
销售演讲稿范文
2014/01/08 职场文书
中介业务员岗位职责
2014/04/09 职场文书
公司股权转让协议书
2014/04/12 职场文书
党性教育心得体会
2014/09/03 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
社区务虚会发言材料
2014/10/20 职场文书
个人年终总结结尾
2015/03/06 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书