easyUI1.7学习第一天_base（基础）

easyUI1.7学习第一天

1.进度条（progressbar）

进度条（progressbar）提供了一种显示长时间操作进度的反馈。进度可被更新以便让用户知道当前正在执行的操作。

图片展示

代码实现
Html

<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>

js

使用 javascript 创建进度条（ProgressBar）。
<div id="p" style="width:400px;"></div>

$('#p').progressbar({
    value: 60
});

我们获取当前值并且给这个组件设置一个新值。
var value = $('#p').progressbar('getValue');
if (value < 100){
    value += Math.floor(Math.random() * 10);
    $('#p').progressbar('setValue', value);
}

2.提示框Tooltip

当用户移动鼠标指针在某个元素上时，出现提示信息窗口用来显示额外信息。提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。

图片展示

代码实现

html

<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>

js

<a id="dd" href="