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

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

Javascript: JavaScript 基础问答一; CSS JavaScript 实现菜单功能改进版; JavaScript 图片切割效果(放大镜); JavaScript 拖放效果代码; 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换); 鼠标滑过放大显示效果的列表; JS 相册效果自动播放[本地整合]; 仿CSDN 右下角悬挂的浮动层效果; 右下角广告(点击广告后出现关闭按钮可关闭); javascript this用法小结; JavaScript 绘图代码; JavaScript CSS菜单功能改进版; javascript jQuery插件练习; jQuery 浮动广告实现代码; jQuery 位置插件; jquery 插件之仿“卓越亚马逊”首页弹出菜单效果; jquery 图片预加载自动等比例缩放插件; JavaScript 仿关机效果的图片层; javascript 对表格的行和列都能加亮显示; JavaScript Select和Option列表元素上下左右移动

No. « ‹ 214 215 216 217 › »

技术文章搜索

关键字

Javascript 中的 CSS 动态链接提示

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

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