easyUI学习笔记二
生活随笔
收集整理的這篇文章主要介紹了
easyUI学习笔记二
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1．? 拖拉大小
<!DOCTYPE html> <html> <head><title>easyui學(xué)習(xí)</title><script type="text/javascript" src = jquery-easyui/jquery.min.js> </script><script type="text/javascript" src = jquery-easyui/jquery.easyui.min.js> </script><script type="text/javascript" src = jquery-easyui/locale/easyui-lang-zh_CN.js> </script><script type="text/javascript" src ="index.js"></script> <!-- 自定義js --><link rel="stylesheet" href="jquery-easyui/themes/default/easyui.css"><link rel="stylesheet" href="jquery-easyui/themes/icon.css"> </head> <body> <div id="dd" data-options="maxWidth:600,maxHeight:600" style="width: 100px;height: 100px;border:1px solid" ></div> </div></body> </html> $(function(){$('#dd').resizable(); }) View Code2．? Tooltip 提示框
$(function(){ $("#box").tooltip({ content:"提示框" }) }) View Code <body><a href="" id="box">點(diǎn)擊我</a> </div></body> View Code3．? Progressbar
$(function(){$("#box").progressbar({value:30,height:50,width:400,text:'{value}元'});}) View Code4．? Accordion
</body><body><div id='box' class="easyui-accordion" style="width: 200px;"><div title="ad1">ad1</div><div title="ad2">ad2</div><div title="ad2">ad2</div></div></body> View Code5．? Layout
<body><div id='box' style="width: 400px"></div><body id="box" class="easyui-layout"><div data-options="region:'north' " style="height: 100px" title="上北" ></div><div data-options="region:'south' " style="height: 100px" title="下南" ></div><div data-options="region:'west' " style="width: 100px" title="左西" ></div><div data-options="region:'east' " style="width: 100px" title="右東" ></div><div data-options="region:'center' " title="中間" ></div> </body> View Code?
轉(zhuǎn)載于:https://www.cnblogs.com/SoftWareIe/p/11028726.html
總結(jié)
以上是生活随笔為你收集整理的easyUI学习笔记二的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： QFIL
- 下一篇： 杀死应用进程 android,如何杀死A