[ 登录注册 ]

yuyan

jquery------.resizable()的使用

2017-01-05 18:26:02 admin 返回上一页

标签:

index.jsp

//加上这两行代码,右下角会有样式效果
<
link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <div id="other" > <div id="title" style="background-color:#aaa;width:100px;height:100px">哈哈</div> </div>

 

my.js

$(document).ready(function(){
$("#other").find("#title").resizable({
        helper:"help",                  //移动时出现的边框
        handles: "se",                    //扩展的方向
        minHeight: 100,                    //滑动后最小高(宽)度
        maxHeight: 400,                    //滑动后最大高(宽)度
        animate:true,                    //滑动变化效果
        aspectRatio: 1/1,                //滑动宽高比
        //grid: 50,                        //以格子形式滑动
        alsoResize: "#tit",                //带动别的部件滑动
        ghost:true                        //带背影滑动
    });
});

 

效果图:

技术分享

 

jquery------.resizable()的使用

标签:


文章来源:http://www.bozhiyue.com/web/yuyan/2017/0105/624671.html
返回上一页    返回分类 上一篇:   下一篇:
相关