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 相关文章推荐
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
给ListBox添加双击事件示例代码
Dec 02 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
js实现iframe跨页面调用函数的方法
Dec 13 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
Jun 16 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
浅析java线程中断的办法
Jul 29 Javascript
js实现简单选项卡功能
Mar 23 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
PHP文件锁函数flock()详细介绍
2014/11/18 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
如何将JS的变量值传递给ASP变量
2012/12/10 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
uniapp实现可滑动选项卡
2020/10/21 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
python实现udp数据报传输的方法
2014/09/26 Python
独特的python循环语句
2016/11/20 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
python 读取视频,处理后,实时计算帧数fps的方法
2018/07/10 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
android面试问题与答案
2016/12/27 面试题
室内设计专业学生的自我评价分享
2013/11/27 职场文书
秋季校运动会广播稿
2014/02/23 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
先进员工获奖感言
2014/08/14 职场文书
人事任命通知
2015/04/20 职场文书
追讨欠款律师函
2015/06/24 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
Python 视频画质增强
2022/04/28 Python