总结一些用过的js、css工具
2012-03-29 17:51
471 查看
IBM的技术文档很不错的:http://www.ibm.com/developerworks/cn/
开源中国社区,有很多开源插件,各种编程语言的:http://www.oschina.net/project/tags ;http://www.oschina.net/是个非常好的网站
总结一些js,css之类的东西,几乎都是jquery相关的
一、Form 元素布局:按本人体验值排序,1,2有网站menu设置哦
1、jQuery UI Bootstrap:是2和3的结合版,几乎什么都有,http://addyosmani.github.com/jquery-ui-bootstrap/?utm_source=javascriptweekly&utm_medium=email
2、twitter-bootstrap:http://twitter.github.com/bootstrap/
3、jqueryui:http://jqueryui.com/demos/dialog/
二、时间选择器
1、My97DatePicker:历史悠久,使用、扩展都很方便
<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
<td>Start:<input id="start" name="start" class="Wdate required" readonly="true" type="text" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'end\')}'})"/></td>
<td>End:<input id="end" name="end" class="Wdate required" readonly="true" type="text" onclick="WdatePicker({minDate:'#F{$dp.$D(\'start\')}'})"/></td>
2、jquery.ui
<link rel="stylesheet" type="text/css" href="../css/jquery/ui/jquery.ui.css"/>
<script type="text/javascript" src="../js/jquery/jquery.ui.min.js"></script>
$(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
<input id="mydate" type="text" size="15" class="datepicker" readonly/>
三、js
1、jquery.js
2、jsolait包 是一个用 JavaScript 实现的 JSON-RPC 框架。JSON-RPC 是一个轻量级的远程过程调用,类似 XML-RPC。
<script type='text/javascript' src='../js/jsolait/jsolait.js'></script>
<script type='text/javascript' src='../js/jsolait/xml.js'></script>
<script type='text/javascript' src='../js/jsolait/urllib.js'></script>
四、前台显示页面通常会遇到的难题
1、联动
2、autocomplete 就是文本框的提示功能,这个在jQuery UI Bootstrap中有很好的支持,来源于jqueryui
var codes = [ ];
codes.push({code:code, name:name});
$("#code").autocomplete(codes, {
highlight:false,
minChars: 0,
width: 400,
matchContains: "word",
autoFill: false,
formatItem: function(row) {
return "[" + row.code + "]" + row.name;
},
formatMatch: function(row) {
return "[" + row.code + "]" + row.name;
},
formatResult: function(row) {
return row.code;
}
});
3、跨域访问,需要jsonp的支持,需要java类端的支持:http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/
开源中国社区,有很多开源插件,各种编程语言的:http://www.oschina.net/project/tags ;http://www.oschina.net/是个非常好的网站
总结一些js,css之类的东西,几乎都是jquery相关的
一、Form 元素布局:按本人体验值排序,1,2有网站menu设置哦
1、jQuery UI Bootstrap:是2和3的结合版,几乎什么都有,http://addyosmani.github.com/jquery-ui-bootstrap/?utm_source=javascriptweekly&utm_medium=email
2、twitter-bootstrap:http://twitter.github.com/bootstrap/
3、jqueryui:http://jqueryui.com/demos/dialog/
二、时间选择器
1、My97DatePicker:历史悠久,使用、扩展都很方便
<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
<td>Start:<input id="start" name="start" class="Wdate required" readonly="true" type="text" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'end\')}'})"/></td>
<td>End:<input id="end" name="end" class="Wdate required" readonly="true" type="text" onclick="WdatePicker({minDate:'#F{$dp.$D(\'start\')}'})"/></td>
2、jquery.ui
<link rel="stylesheet" type="text/css" href="../css/jquery/ui/jquery.ui.css"/>
<script type="text/javascript" src="../js/jquery/jquery.ui.min.js"></script>
$(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
<input id="mydate" type="text" size="15" class="datepicker" readonly/>
三、js
1、jquery.js
2、jsolait包 是一个用 JavaScript 实现的 JSON-RPC 框架。JSON-RPC 是一个轻量级的远程过程调用,类似 XML-RPC。
<script type='text/javascript' src='../js/jsolait/jsolait.js'></script>
<script type='text/javascript' src='../js/jsolait/xml.js'></script>
<script type='text/javascript' src='../js/jsolait/urllib.js'></script>
四、前台显示页面通常会遇到的难题
1、联动
2、autocomplete 就是文本框的提示功能,这个在jQuery UI Bootstrap中有很好的支持,来源于jqueryui
var codes = [ ];
codes.push({code:code, name:name});
$("#code").autocomplete(codes, {
highlight:false,
minChars: 0,
width: 400,
matchContains: "word",
autoFill: false,
formatItem: function(row) {
return "[" + row.code + "]" + row.name;
},
formatMatch: function(row) {
return "[" + row.code + "]" + row.name;
},
formatResult: function(row) {
return row.code;
}
});
3、跨域访问,需要jsonp的支持,需要java类端的支持:http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/
相关文章推荐
- 第三方工具 - 关于echarts下钻功能的一些总结.js
- 我用的一些Node.js开发工具、开发包、框架等总结
- Firefox 插件 JSview是一套比较实用的JS,CSS文件查看工具,很方便,很快捷地查看页面引用了哪些文件,作为Web前端开发者是一套必备的插件,由于Firefox升级过快,插件很快不兼容了,这里对插件做了一些调整,可以兼容最新Firefox浏览器(目前FireFox 21)
- 我用的一些Node.js开发工具、开发包、框架等总结,node.js开发包
- 清新空气---我的.net(C#)生涯知识总结 跨CSS,JS,JAVA,AJAX,WPF,WCF,LINQ,ASP.NET,Winform,Sqlserver,Mysql,EF,OOP,开发工具等
- 我用的一些Node.js开发工具、开发包、框架等总结
- 关于html,servlet、css、js一些总结
- 我用的一些Node.js开发工具、开发包、框架等总结
- [CSS代码]Div+Css(+Js)菜单代码及制作工具
- html-css-js基本理解和简单总结
- JMJS系统总结系列----JMJS中使用到的Jquery工具(四)
- Div+Css(+Js)菜单代码及制作工具
- 员提供在线工具,提供jsbin在线 CSS、JS 调试,在线 Java API文档,在线 PHP API文档,在线 Node.js API文档,Less CSS编译器,...
- CSS布局方面的一些小总结
- java工程中一些js问题总结
- 一款js和css代码压缩工具[附JAVA环境配置方法]
- css+js初步知识点总结
- 总结JS、CSS和html的注释和其作用
- atitit.按钮光标滑过高亮切换以及其他动态效果的实现css html js --attilax总结
- js 的一些总结获取结果