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

浏览数：34 / 时间：2015年06月09日

一、添加信息的对话框  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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log html http it la for io class style log html http it la for io

相关文章

随机文章

您可能还喜欢

您可能还喜欢