
UI
jiangwt80
这个作者很懒,什么都没留下…
展开
-
select 取值 jquery
[code="html"] --选择国家-- 中国 英国 美国 [/code][code="js"]$(function(){ $("#country").bind("change",function(){ alert($("#country option:selected"...原创 2013-04-12 22:19:17 · 107 阅读 · 0 评论 -
用JS的eval解析JSON中的注意点
eval 方法将其中的参数字符串作为一个JavaScript表达式执行。 比如:[code="j"]var s="alert(123);";alert(s); //=>alert(123);eval(s); //=>123[/code]一般解析后台传到前台的json字符串成为js对象有两种方式: 1.使用eval()函数[code="js"]v...原创 2013-07-18 22:43:47 · 155 阅读 · 0 评论 -
jquery框架学习
http://developer.51cto.com/art/201312/420281.htmjQuery是业内知名的javascript框架,它的实现和设计可以说代表了javascript界最高的水平,本文试从四个方面来以jQuery为例总结库与框架设计的原则和优劣判断.......原创 2013-12-10 09:27:44 · 136 阅读 · 0 评论 -
编写jquery插件
扩展jQuery对象本身jQuery.extend(object)jQuery.extend({ min:function(a,b){return ab?a:b;}});jQuery.min(2,3);jQuery.max(4,5);扩展对象函数jQuery.fn.extend(object)jQuery.fn.extend({ ...原创 2013-02-20 15:15:28 · 103 阅读 · 0 评论 -
怎样让一个div高度自适应浏览器
网页中需要同时设置如下代码[code="html"]html,body{height:100%;overflow:hidden;}[/code]原创 2013-12-18 09:33:46 · 300 阅读 · 0 评论 -
编写jquery插件中的闭包demo
demo中的代码,需要jquery库文件支持[code="js"]//闭包特性,//1. 避免内部临时变量影响全局空间,//2. 插件内部继续使用$作为jquery别名/**定义一个匿名函数--闭包**/;(function($){//$作为匿名函数的参数 //这里编写插件代码,可以继续使用$作为jquery的别名 /** 定义一个局部变量foo,仅...原创 2013-12-18 16:43:54 · 261 阅读 · 0 评论 -
滚动条样式
参考资料:http://manos.malihu.gr/tuts/custom-scrollbar-plugin/complete_examples.html原创 2014-05-06 20:53:29 · 124 阅读 · 0 评论 -
CSS样式书写思路
1. 先编写全局样式2. 编写可大范围内重用的样式3. 细节样式这样,根据CSS的最近优先原则,可以很容易地对网站进行从整体到细节的样式定义。原创 2013-02-21 10:11:30 · 280 阅读 · 0 评论 -
原生JavaScript技巧大收集100(上)
原生JavaScript技巧大收集,JavaScipt初学的各位收集了!!http://developer.51cto.com/art/201312/425414.htm原创 2013-12-30 19:53:01 · 178 阅读 · 0 评论 -
js表单提交
js 表单提交[code="html"]function formSubmit() { document.getElementById("myForm").submit() } Firstname: Lastname: [/code]...原创 2014-05-09 17:07:15 · 139 阅读 · 0 评论 -
css控制文本自动换行
http://wenku.baidu.com/link?url=n7nw4mdmeC33dr25tkLwPnC7QD_f-apNq-ymSd-jw-s81cZ7E1N2vC3QGLnMBBOT2dfTiBe-QnoK0_6h2N7sXoPehsES0IQkw7RxmP8Wnwy原创 2015-03-20 14:34:45 · 222 阅读 · 0 评论 -
鼠标拖拽DIV效果
代码效果-鼠标点击DIV,可以任意拖拽DIV[code="html"]drag$(function(){ $("#move").mousedown(function(e){ drag(document.getElementById("move"),e) }); });function drag(elementToDra...原创 2015-03-31 18:09:27 · 231 阅读 · 0 评论 -
CSS雪碧图demo(含雪碧代码)
css雪碧图demo效果图,含hover,代码附件下载sprite_demo.zip雪碧图制作问题参考:HTML 5开发的在线雪碧图片合成工具http://developer.51cto.com/art/201206/341225.htm合成工具urlhttp://alloyteam.github.io/gopng练手小图片素材,在附件中下载 sprite_img....原创 2016-06-12 21:09:39 · 1625 阅读 · 0 评论 -
鼠标hover悬停事件
[code="html"]鼠标hover悬停事件$(function(){ $("#ok").hover( function(){ $("#ok").css({color:'#FFFFFF', background:'#83A7D8'}); }, function(){ $("#ok").css({color:'#000000',...原创 2013-07-16 16:50:37 · 863 阅读 · 0 评论 -
html滚动条CSS样式
DEMO:[code="HTML"]body{ SCROLLBAR-FACE-COLOR:#D8E3F2; /*滚动条颜色*/ SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; /*2d亮部*/ SCROLLBAR-3DLIGHT-COLOR:#99B4D1; /*3d亮部*/ SCROLLBAR-SHADOW-COLOR:#...原创 2013-07-16 16:19:37 · 202 阅读 · 0 评论 -
Jquery LigerUI
简介 LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果。[img]http://dl.iteye.com/upload/attachment/0078/4103/788db75b-4a56-3cfe-a866-2ece2d165dc9.jpg[/img]主页:http://code.goo...原创 2012-12-26 11:21:28 · 161 阅读 · 0 评论 -
ajax初步开发结构
[code="js"]原创 2012-11-16 09:46:04 · 81 阅读 · 0 评论 -
跳转页面后CSS或JS失效问题
主要是路径解析的问题如果在页面中使用的不是绝对地址,例如 href="css/reset.css"跳转后的页面要解析出正确的css地址,可以在jsp的中添加下面的代码[code="html"][/code]...原创 2012-11-18 11:01:01 · 2458 阅读 · 0 评论 -
Extjs组件render说明与Demo
1.调用组件的render方法 panel.render('div');2.在配置中指定 renderTo 属性 renderTo:'div',3.配置中指定 applyTo ,这将把元素呈现到该属性的父元素上 applyTo:'divChild',4.通过指定 el 属性,指定后调用 render 方法 el:'div' panel...原创 2013-05-02 16:05:21 · 258 阅读 · 0 评论 -
一段始终保持在最底部的div css代码
[code="html"].footer{ background: #eee; text-align: center; bottom:0px; position:fixed; height: 30px; line-height: 30px; width: 100%; _position: absolute;...原创 2012-11-28 22:54:14 · 149 阅读 · 0 评论 -
IE6,IE7下设置body{overflow:hidden;}失效Bug
问题重现:There are no scrollbars on this page in sane browsers html, body, p { margin: 0; padding: 0; } body { overflow: hidden; } p { width: 5000px; height: 5000px; } IE6 IE7下不生效(IE6下横向纵向滚动条都在 ...原创 2012-12-06 10:41:23 · 117 阅读 · 0 评论 -
UI讨论
1.公司如果要研发自己的UI框架,JQuery和EXT该如何选择?(如果和V层进行绑定,JQuery链式编程和EXT面向对象编程就无所谓了,因为绘制UI无须进行手动处理。)公司自己研发框架,主要还是在现有的js框架内做集成,以便更好的复用。jquery相对上手容易,修改方便,如果是贵公司js能力强,不防使用该框架, 可定制和集成的选择多;如果对grid,treegrid等等非常复杂的组件有...原创 2013-05-22 15:27:33 · 145 阅读 · 0 评论 -
EXTJS3.0 IE9兼容性解决方案--IE兼容性解决方案
我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。排除Bug半天后才发现是ExtJS本身就无法在IE9下正常运行。抛开一些细小的问题,最典型的就是TreePanel根本无法使用,节点都无法点开……google了一下,ExtJS的论坛里报了这个Bug,但貌似还没有完美的解决方案。 改ExtJS代价太大了,不如换一种思考方式,让IE9以兼容性模式运行,ExtJS完全没问...原创 2013-05-24 14:57:25 · 328 阅读 · 0 评论 -
浏览器onresize方法将被执行多次问题解决
window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,并且其具体执行的次数在不同的电脑有不同的值,相当诡异 具体可参看这一篇文章[url=http://remysharp.com/2008/05/15/windowonresize-hangs-ie6-and-ie7/][/url] 高阶函数debounce 正是为此而生的...原创 2012-12-14 10:26:29 · 811 阅读 · 0 评论 -
EXTJS2.0表格中文排序
[code="js"]//引入必要的EXT开发环境 //让grid实现中文排序 功能,重写store的applySort函数 //这段代码可以加到ext-all.js文件的最后,或者放Html页面最上//--EXT初始化之后 ,实际代码调用之前 Ext.data.Store.prototype.applySort = function() {...原创 2013-06-05 14:42:24 · 167 阅读 · 0 评论 -
EXTJS3.0中文帮助文档
EXTJS中文帮助文档下载原创 2013-06-05 19:38:22 · 463 阅读 · 0 评论 -
JS函数-接收任意个参数
[code="js"]//可以接收任意多个参数 function abc(){ //js中有一个arguments,可以访问所有传入的参数值 //window.alert(arguments.length); //遍历所有参数 var i; for(i=0; i...原创 2013-06-06 09:28:42 · 1088 阅读 · 0 评论 -
json数据结构
[code="js"]//=====1==============//json 语法 create objvar p = { "name":'yeeku', "gender":'male' };//alert(p.name);//=====2==============//json create objperson = { name:'yeeku...原创 2013-06-06 16:42:14 · 155 阅读 · 0 评论 -
easyui subgrid 多层子表格参考
参考回帖代码http://bbs.youkuaiyun.com/topics/390941589原创 2015-08-11 14:25:21 · 723 阅读 · 0 评论