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

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

Javascript: JS option location 页面跳转实现代码; ExtJS 简介让你知道extjs是什么; ExtJs 学习笔记 Hello World!; ExtJs 学习笔记基础篇 Ext组件的使用; ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport; 漂亮的脚本日历,和大家分享; JS Tween 颜色渐变; js 图片轮播(5张图片); 开发跨浏览器javascript常见注意事项; 通用JS事件写法实现代码; Js 订制自己的AlertBox(信息提示框); js 浮动层菜单收藏; JavaScript入门教程(10) 认识其他对象; JQuery 常用方法基础教程; jQuery 页面载入进度条实现代码; jQuery Ajax 全解析; CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）; Ext JS Grid在IE6 下宽度的问题解决方法; js window.event对象详尽解析; JavaScript 悬浮窗口实现代码

No. « ‹ 215 216 217 218 › »

技术文章搜索

关键字

Javascript 中的 CSS 动态链接提示

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

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