小提示窗口
body{
font-size:12px;
}
.tip{
color:red;
text-decoration:none;
position:relative;
}
.tip span {display:none;}
.tip:hover {cursor:hand;}
.tip:hover .popbox {
display:block;
position:absolute;
top:15px;
left:-30px;
width:100px;
background-color:#424242;
color:#fff;
padding:10px;
}
CSS
W3C创建CSS标准的目的是以CSS取代HTMLHyper Text Mark-up Language 超文本标记语言表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTMLThe Extensible HyperText Markup Language 可扩展超文本标记语言相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
javascript 主动派发事件总结
1,dispatchEvent()这是标准的触发事件方法,使用时需要先创建好事件对象。如下复制代码 代码如下: var evt = document.createEvent('Event'); evt.initEvent('click',true,true); element.dispatchEvent(evt); 2>>>详细阅读
本文标题:js文字链接的热点提示效果代码
地址:http://www.17bianji.com/kaifa2/JS/24310.html
1/2 1