jquery-ui 范例学习 3 resizable

最新推荐文章于 2024-08-31 21:49:18 发布

Allchin

最新推荐文章于 2024-08-31 21:49:18 发布

阅读量667

点赞数

分类专栏： JQuery 文章标签： stylesheet html border div css function

本文链接：https://blog.csdn.net/citi007/article/details/6211515

版权

JQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

resizable.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>resizeable.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <mce:script type="text/javascript" src="../../jquery-1.4.4.min.js" mce_src="jquery-1.4.4.min.js"></mce:script> <mce:script type="text/javascript" src="../../jquery-ui-1.8.9.custom.min.js" mce_src="jquery-ui-1.8.9.custom.min.js"></mce:script> <link rel="stylesheet" href="../../jquery.ui.all.css" mce_href="jquery.ui.all.css" type="text/css"></link> <mce:style></mce:style><style mce_bogus="1"> #resizable { border:solid 1px red; width: 150px; height: 150px; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } </style> </head> <body> This is my HTML page. <br> <div id="resizable" > <h3>Resizable</h3> </div> <mce:script type="text/javascript"></mce:script> </body> </html>

必须<link rel="stylesheet" href="../../jquery.ui.all.css" mce_href="jquery.ui.all.css" type="text/css"></link>

使用这个css才可以，

但是我从

file://localhost/media/stuDy/Study/book/programing/ajax/JQuery/ui/jquery-ui-1.8.9.dotLuv/development-bundle/docs/resizable.html

看到

Note: This is a sample of markup generated by the resizable plugin, not markup you should use to create a resizable. The only markup needed for that is <div></div>.

就是说只需要div标记就好，但是如果不引入css效果是鼠标到div边界没有显示调整大小句柄.

我在baidu发贴问了，地址是

http://tieba.baidu.com/f?kz=1012180803

Allchin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery-ui 范例学习 3 resizable

<br />resizable.html<br /> <br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>resizeable.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="descript
复制链接

扫一扫

专栏目录