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

来源: 电脑维修教程 阅读:     发表时间:

js实现动画特效的文字链接鼠标悬停提示的要领,实例阐明了javascript操纵css的技巧,具有必然参考借鉴价值,需要的伴侣可以参考下 本文实例讲述了js实现动画

js实现动画特效的文字链接鼠标悬停提示的要领,实例阐明了javascript操纵css的技巧,具有必然参考借鉴价值,需要的伴侣可以参考下

本文实例讲述了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>;

;

;

<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}

-->;

;

<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();

}

//-->;

;

;脚本之家;

<div id="aaa" class="article">;脚本之家

;

;素材之家;

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

;

;百度搜索;

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

;

;

但愿本文所述对各人的javascript措施设计有所帮手。

电脑维修技术

以上是:解决js实现动画特效的文字链接鼠标悬停提示的要领问题的详细资料教程