easyui----tooltip---提示框

原创 2013年12月03日 19:56:04
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Tooltip - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>Basic Tooltip</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>Hover the links to display tooltip message.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<p>The tooltip can use each elements title attribute.
	<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a> to display tooltip.
	</p>
</body>
</html>




相关文章推荐

easyui datagrid列中使用tooltip

要实现这样一个效果:数据加载到DATAGRID中,鼠标移至某一列时,会弹出tooltip提示框。...

TOOLTIP提示框C++实例

  • 2010年11月22日 15:02
  • 23KB
  • 下载

ToolTip浮动提示框效果(源代码)

  • 2014年07月15日 15:02
  • 361KB
  • 下载

D3js-三种图表tooltip提示框总结介绍

参考资料: 1. 交互图表之提示条 2. 交互式之提示框 效果图: 源码: ...

CSS3之ToolTip------飞入动画提示框

1.效果预览 2.实现思路 (1)首先整个效果由两部分组成,即两个div,底部为容器,蓝色部分为其子元素 (2)通过position:absolute将tooltip定位于灰色区域的顶部 ...

9种经典的tooltip信息提示框

  • 2017年11月01日 16:14
  • 514KB
  • 下载

Jquery Tooltip 提示框

  • 2014年09月23日 19:08
  • 344KB
  • 下载

jQuery UI 实例 - 工具提示框(Tooltip)

Search w3cschool.cc:   首页  HTML   CSS   JavaScript   jQuery   jQueryUI   Bootstrap  ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui----tooltip---提示框
举报原因:
原因补充:

(最多只允许输入30个字)