EasyUI中使用Tooltip插件實現提示效果

時間  2019-12-20
標籤 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

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程