EasyUI中使用Tooltip插件实现提示效果
EasyUI中的Tooltip插件是个很是实用的控件，咱们在开发应用程序时，常常会碰到因页面展现区域受限的缘由，须要等鼠标移上去时才显示详细信息的状况，这个时候咱们用Tooltip能够达到很是好的效果，下面咱们用实例简单介绍下该控件的基本用法。要完成本实例，你首先须要去网站下载必须的js和css文件，这些文件均可以去官网下载，下载地址：http://www.jeasyui.com/downlo... 这里面有两个版本GPL Edition和Commercial Edition,咱们选择 GPL版就行了。 其中如下三个文件是必须的：
1.jquery.easyui.min.js
2.jquery.min.js
3.easyui.css
实例代码
<!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>Tooltip控件基本用法实例</h2>
<p>把鼠标移动到下面的超连接处显示提示信息.</p>
<div style="margin:20px 0;"></div>
<p>咱们只要使用元素的title属性设置要显示的内容就能够了.
鼠标移到我上面来 显示提示内容.
</p>
</body>
</html>javascript
转载于猿2048:▷《EasyUI中使用Tooltip插件实现提示效果》php
- 1. easyui-combobox实现placeholder提示效果
- 2. Easyui---Tooltip( 提示框)
- 3. 网页|利用提示框（Tooltip）实现弹窗效果
- 4. tooltip提示插件poshytip
- 5. 【EasyUI篇】Tooltip提示框组件
- 6. CSS3实现Bootstrap的tooltip动画提示效果
- 7. js实现tooltip动态提示效果（文字版）
- 8. 原生js实现tooltip提示框的效果
- 9. 纯css实现tooltip提示
- 10. 用css伪元素实现tooltip效果
- 更多相关文章...
- • SVG 模糊效果 - SVG 教程
- • 现实生活中的 XML - XML 教程
- • SpringBoot中properties文件不能自动提示解决方法
- • IntelliJ IDEA中SpringBoot properties文件不能自动提示问题解决
-
每一个你不满意的现在，都有一个你没有努力的曾经。