easyUI学习笔记二

àì夳堔傛蜴生んèń 2021-12-07 10:04 266阅读 0赞

1．  拖拉大小

<!DOCTYPE html>
    <html>
    <head>
        <title>easyui学习</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>  
    
        <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>

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

$(function(){
      $('#dd').resizable();
    })

2．  Tooltip 提示框

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

$(function(){
    $("#box").tooltip({
    content:"提示框"
    })
    })

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

3．  Progressbar

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

$(function(){
       $("#box").progressbar({
           value:30,
           height:50,
           width:400,
           text:'{value}元'
    
       });
    
    })

4．  Accordion

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

</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>

5．  Layout

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

![741253-20190615202143851-1777539829.png][]

转载于:https://www.cnblogs.com/SoftWareIe/p/11028726.html

[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211207/041c318b1bf049fea4959afecfd73b8f.png
[741253-20190615202143851-1777539829.png]: /images/20211207/127e1ce54daf4f21a40b4aab48ec0c5d.png