CSS 动态链接提示- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > CSS 动态链接提示

Javascript: JavaScript教程:浏览器对象层次及其主要作用; JavaScript教程:文档对象功能及其作用; JavaScript教程:JS对象系统的使用范例; JavaScript教程:窗口及输入输出; JavaScript教程:简单的输入、输出例子; JavaScript教程:JS窗口及输入输出范例; JavaScript教程:JavaScript窗体基础知识; JavaScript教程:JS窗体中的基本元素; JavaScript教程:用JS脚本实现Web页面信息交互范例; JavaScript教程:什么是框架?; JavaScript教程:如何访问框架?; JavaScript教程:用JS实现更复杂的交互范例; JavaScript静态页面值传递:URL篇; JavaScript静态页面值传递:Window.open篇; JavaScript静态页面值传递:Cookie篇; JavaScript中sort排序函数; JavaScript中splice数组函数; JavaScript中split字符串函数; JavaScript中small对象函数; JavaScript：世界上误解最深的语言

No. « ‹ 160 161 162 163 › »

技术文章搜索

关键字

Javascript 中的 CSS 动态链接提示

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 240 ::

收藏到网摘: n/a

javascript 走马灯效果的链接提示 JavaScript 事件的一些重要说明

CSS实现动态的链接提示，带动画效果，当然，这不光是CSS的功劳，JavaScript也用上了，当你把鼠标放到文字上的时候，你就会看到一行提示文字出现的效果了。

<html>
<head>
<title>动态的链接提示</title>
<STYLE type=text/css>
.article {
BACKGROUND-COLOR: #ffcc00; 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); PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; POSITION: absolute; VISIBILITY: hidden
}
A:hover {
COLOR: #c0c0c0; TEXT-DECORATION: underline overline
}
.drop {
FILTER: dropshadow(color=000000, offx=1, offy=1, positive=1)
}
.drop2 {
FILTER: dropshadow(color=ffffff, offx=1, offy=1, positive=1)
}
</STYLE>
<SCRIPT language=JavaScript1.2>
</script>
</head>
<body>
<div align="center"><a href="#" onMouseOver=Show(ccc) onMouseOut=Hide(ccc)>ASP是什么语言呢？</a>
</div>
<div id="ccc" class="article">这里是您的提示内容</div>
<div align="center"><a href="#" onMouseOver=Show(ddd) onMouseOut=Hide(ddd)>PHP是什么呢？</a>
</div>
<div id="ddd" class="article">注意到了吗？随机动态提示</div>
<div align="center"><a href="#" onMouseOver=Show(eee) onMouseOut=Hide(eee)>ASP.NET又是什么呢？</a>
</div>
<div id="eee" class="article">随机动态提示</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript 走马灯效果的链接提示 JavaScript 事件的一些重要说明

Javascript 中的 CSS 动态链接提示

评论 (0) All