站长资源 网络编程

js文字链接的热点提示效果代码

整理:jimmy2026/8/6浏览2次

简介小提示窗口 body{ font-size:12px; } .tip{ color:red; text-decoration:none; position:relative; } .tip span {display:none;} .tip:hover {cursor:hand;} .tip:h

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>小提示窗口</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> 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; } </style> </head> <body> <h1>CSS</h1> </p>W3C创建CSS标准的目的是以CSS取代HTMLHyper Text Mark-up Language 超文本标记语言表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTMLThe Extensible HyperText Markup Language 可扩展超文本标记语言相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。</p> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：一个实现字体大中小方法的JavaScript代码

下一篇：一个鼠标移动滑出层效果的实现代码

站长资源 网络编程

js文字链接的热点提示效果代码

最新资源

一句话新闻

标签云