JQuery ui 一些样式的应用
来源:互联网 发布:python hex to ascii 编辑:程序博客网 时间:2024/05/17 08:47
简单而言UI可以实现在网页上的一些效果 比如拖动按钮
引入需要的控件:
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"><script src="//code.jquery.com/jquery-1.9.1.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
<style> #feedback { font-size: 1.4em; } #selectable .ui-selecting { background: #FECA40; } #selectable .ui-selected { background: #F39814; color: white; } #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } </style> <script> $(function() { $( "#tabs" ).tabs(); $("#btn").button(); /*可以拖动*/ $("#btn2").button().draggable(); }); /*选择器*/ $(function () { $( "#selectable" ).selectable(); }) /*对话框*/ $(function() { $( "#dialog" ).dialog(); }); /*日期 控件*/ $(function() { $( "#date" ).datepicker(); }); /*滑块*/ $(function() { $( "#slider" ).slider(); }); $(function() { $( "#age" ).tooltip(); }); </script></head><body><div id="tabs"> <ul> <li><a href="#tabs-1">第一个</a></li> <li><a href="#tabs-2">第二个</a></li> </ul> <div id="tabs-1"> <a href="#" id="btn">哈哈</a> </div> <div id="tabs-2"> <a href="#" id="btn2">可以拖动我</a> </div></div>
<div id="dialog" title="基本的对话框"> <p>这是一个默认的对话框,用于显示信息。对话框窗口可以移动,调整尺寸,默认可通过 'x' 图标关闭。</p></div>UI继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性。
jquery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库,您可以使用它创建高度交互的 Web 应用程序。
阅读全文
0 0
- JQuery ui 一些样式的应用
- 关于jQuery UI样式不能应用问题的解决
- JQuery UI Dialog的样式设置问题
- Drupal 7中应用jQuery UI样式和主题
- jquery ui 插件的一些发现
- jQuery UI的一些基本用法
- Jquery一些应用的方法
- jquery的一些小应用
- jQuery表单的一些应用
- jQuery easy ui datagrid 无数据时的样式
- 浅析JQuery UI Dialog的样式设置问题
- jQuery UI 应用不同Theme的办法
- jQuery UI 应用不同Theme的办法
- jquery ui简单应用
- JQuery ui 简单应用
- UI样式的继承
- jQuery UI Dialog 创建弹出对话框的一些参数
- jQuery UI 之 jqgrid 插件的一些方法总结
- map集合
- oracle游标简介
- Spark学习笔记(14)State管理之updateStateByKey解密
- PHP7.1.8编译memcached扩展
- Python2.x与3.x版本区别
- JQuery ui 一些样式的应用
- Spark学习笔记(15)Spark Streaming源码解读之No Receivers
- Linux下报 java.net.SocketException权限不够 异常解决
- 剑指offer 11 数值的整数次方
- 我的VIM命令
- Javascript对象基础讲解
- Spark学习笔记(16)Spark Streaming源码解读之数据清理内幕
- oracle游标属性
- hbase区域的split-merge-move