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

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

Javascript: 推荐js实现商品分类到搜索栏友好提示（人机交互）; attachEvent的使用方法与传递参数[IE|firefox]; 用javascript实现鼠标框选; 一个不错的动感导航菜单; JavaScript网页制作特殊效果用随机数; 一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera; js实现的的文字自动''到google search框; JS值当前DIV的ID值的代码; 在javascript中，如果删除二维数组中重复的元素; 一个用js实现的页内搜索代码; 不用MOUSEMOVE也能滑动啊; asp 的分词实现代码; 更正确的asp冒泡排序; 用Javscript实现表单复选框的全选功能; 向fckeditor编辑器插入指定代码的方法; javascript实现在光标处插入指定内容; 如何实现动态删除javascript函数; javascript父子通信; JS获取scrollHeight问题想到的标准问题; 從博客網扣了一個效果出來

No. « ‹ 68 69 70 71 › »

技术文章搜索

关键字

Javascript 中的 CSS 动态链接提示

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

收藏到网摘: 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