码迷,mamicode.com
首页 > Web开发 > 详细

jquery ui 常用(二)(对话框 | 旋转器 | 工具提示框(表单) | 特效(百叶窗) )

时间:2014-12-19 23:11:20      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

一、添加信息的对话框  http://www.w3cschool.cc/try/tryit.php?filename=jqueryui-example-dialog-modal-form、

模态表单 | 模态消息 二、滑块(可以用在延时天数)

http://www.w3cschool.cc/jqueryui/example-slider.html

http://www.w3cschool.cc/try/tryit.php?filename=jqueryui-example-slider-rangemax

三、旋转器

http://www.w3cschool.cc/jqueryui/example-spinner.html

四、工具提示框(表单)

http://www.w3cschool.cc/try/tryit.php?filename=jqueryui-example-tooltip-forms

<script>
  $(function() {
    $( "[title]" ).tooltip();
    
  });
</script>


<form>
  
    <div>
      <label for="firstname">名字</label>
      <input id="firstname" name="firstname" title="请提供您的名字。">
    </div>
    <div>
      <label for="lastname">姓氏</label>
      <input id="lastname" name="lastname" title="请提供您的姓氏。">
    </div>
    
  
</form>

 表单中一排放两个字段:

<form>
  
    <div>
      <label for="firstname">名字</label>
      <input id="firstname" name="firstname" title="请提供您的名字。">   
      <label for="lastname"> </label>
      <label for="lastname">姓氏</label>
      <input id="lastname" name="lastname" title="请提供您的姓氏。">
    </div>
    <div>
      <label for="address">地址</label>
      <input id="address" name="address" title="您的家庭或工作地址。">
    </div>
  
</form>

 五、特效 http://www.w3cschool.cc/try/tryit.php?filename=jqueryui-example-effect

jquery ui 常用(二)(对话框 | 旋转器 | 工具提示框(表单) | 特效(百叶窗) )

标签:

原文地址:http://www.cnblogs.com/camelroyu/p/4174764.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!