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

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

Javascript: JS教程:浅谈ECMAScript自动插入分号; JavaScript教程:几种比较熟悉的编程习惯; JS实例:登陆失败后跳出框架打开; webdesignledger推选的2009年度最佳jQuery插件; javaScript教程:以实例方式学习call函数; JS教程:词法作用域和闭包; 表单验证中时间起止如何做到递归处理; JS实例教程:当心JavaScript代码陷阱; Firebug技巧:脚本调试，选项卡和CSS调试; 学习javascript:牛人的讲座视频和PPT; Clearbox 3：很酷的仿Lightbox脚本; JavaScript教程:详细解析网页图片预览效果; JS代码实例:实现随机加载不同的CSS样式; 国人开发的比较优秀的js框架:como js; Webjx收集10个最常用Ajax技术的实例教程; JavaScript教程:优化次数过多的循环; 出色的jQuery导航菜单的14个英文教程; JS教程:学习笔记之JS类; JS教程:详细讲解JS节点知识; COM中获取JavaScript数组大小的代码

No. « ‹ 239 240 241 242 › »

技术文章搜索

关键字

Javascript 中的 CSS 动态链接提示

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

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