加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jquery 插件 jquery.resizable.js 的使用实例

发布时间:2018-08-23 12:36:08 所属栏目:业界 来源:站长网
导读:jQuery .resizable 是基于jQuery开发的一款插件, 为用户提供html dom resize 行为; 使用步骤 script type=text/javascript src=js/jquery-1.4.2.js/script script type=text/javascript src=js/jquery.resizable.js/script script type=text/javascript $(

jQuery.resizable 是基于jQuery开发的一款插件, 为用户提供html dom resize 行为;

使用步骤

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src=js/jquery.resizable.js></script>
<script type="text/javascript">
$(function() {
$("#e1").resizable( {
handles : "n,e,se,all",
helper : true,
helperStyle : {
"border" : "0px solid #888",
"border-bottom" : "5px solid #888"
},
maxHeight : 600,
maxWidth : 600,
minHeight : 10,
minWidth : 10,
onStartResize : function() {
},
onResize : function() {
},
onStopResize : function() {
}
});
$("#disabled").click(function() {
$("#e1").resizable('disabled');
});

});
</script>

完整的使用文档:点击下载

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读