CSS 布局一个漂亮的滑块

2016年07月27日 8 阅读

好好看看代码，相信会对你帮助不少。 CSS布局一个漂亮的滑块 dl { margin: 0; padding: 0; } dt { position: relative; clear: both; display: block; float: left; width: 104px; height: 20px; line-height: 20px; margin-right: 17px; font-size: .75em; text-align: ...

兼容多浏览器的JS 浮动广告[推荐]

2016年07月27日 6 阅读

漂浮广告是我们经常用到的广告形式，站长的必备代码，相信你一定能用得上。 JS浮动广告 img{border:0;} function addEvent（obj,evtType,func,cap）{ cap=cap||false; if（obj.addEventListener）{ obj.addEventListener（evtType,func,cap）; return true; }else if（obj.attachEvent）{ if（cap...

JavaScript 控制文本框的值连续加减

2016年07月27日 10 阅读

JavaScript控制文本框的值连续加减 var flag1=0; var flag2=0; function NumberInc（） { if（flag1==1 && flag2==1） {alert（"Error！"）;} else { if（flag1==1） { document.all.TextBox1.value++; setTimeout（"NumberInc（）",100）; } if（flag2==1） { document.all....

学习ExtJS（一） 之基础前提

2016年07月27日 7 阅读

一、学习ExtJS前提 1、Javascript 2、JSON（减肥的XML） 3、Java（C#） 4、Web Services 5、HTML DOM 6、AJAX 二、配置ExtJS运行环境 1、CSS文件：resourcescssext-all.css 2、底层支持文件：adapterextext-base.js 3、环境文件：ext-all.js 官方网站地址 http://www.extjs.com...

学习ExtJS（二） Button常用方法

2016年07月27日 6 阅读

一、属性 renderTo：将当前对象所生成的HTML对象存放在指定的对象中 text：得到按钮名称 minWidth：按钮最小宽度 hidden：按钮的隐藏或显示（true or false） 二、构造参数 handler：指定一个函数句柄，在默认事件触发时调用，此时在默认事件为click listeners：在对象初始化之前，将一系列事件进行绑定。 三、函数 getBogy（）：对到Body对象 onReady（）：当页面加载完成时执行本函数 getT...

学习ExtJS TextField常用方法

2016年07月27日 7 阅读

一、属性 fieldLabel：标签名称。 labelWidth：标签宽度。 ID：文件框ID。 二、构造参数 listeners：在对象初始化之前，将一系列事件进行绑定。 三、函数 getCmp（string _id）：得到id为_id的组件对象。 getValue（）：得到文件框值。 四、其它 layout：只在在此布局下才能正确显示文件框的标签名，布局的宿主对象必面 是Ext.Container或者Ext.Container的子类。 在应用FormL...

学习ExtJS Panel常用方法

2016年07月27日 6 阅读

一、属性frame：布尔类型true 或 false ，为true时表示边框为圆角且具有背景色，取false则反之。xtype：在EXTJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容量如何初始化所包含的级件，如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。xtypeClass-------------------------------box Ext.BoxComponentbut...

学习ExtJS Window常用方法

2016年07月27日 9 阅读

一、属性 plain：布尔类型，true表示强制与背景色保持协调，默认值为false。 resizable：布尔类型，用户是否可以调整窗体大小，默认值为true表示可以调整大小。 maxinizable：布尔类型，true表示显示最大化按钮，默认值为false。 maximized：布尔类型，true表示显示窗体时将窗体最大化，默认值为false。 closable：布尔类型，true表示显示关闭按钮，默认值为true。 bodyStyle：与边框的间距，...

学习ExtJS 访问容器对象

2016年07月27日 10 阅读

一、属性 ownerCt：得到当前对象所在的容器。 items：集合列表 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ var _window = new Ext.Window（{ title:"测试窗体", layout:"form", width:300, plain:true, items:{ id:"name", xtype:"textfield", fieldLabel:"姓名" }, buttons:[{ ...

学习ExtJS Column布局

2016年07月27日 7 阅读

一、属性（构造参数） baseCls:"x-plain" Panel背景色颜色。 layout:"column" Panel进行列布局。 在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。 columnWidth表示使用百分比的形式指定列宽度。 width则是使用绝对象素的方式指定列宽度，在实际应用中可以混合使用两种方式。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ new Ext.Win...

学习ExtJS border布局

2016年07月27日 14 阅读

一、Border布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我们只需要指定这些子元素所在的位置，Border布局会自动把子元素放到布局指定的位置。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ new Ext.Viewport（{ layout:...

学习ExtJS fit布局使用说明

2016年07月27日 7 阅读

一、Fit布局，子元素将自动填满整个父容器（对元素设置宽度无效），如果容器组件中有多个子元素，则只会显示第一个子元素。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ new Ext.Panel（{ renderTo:Ext.getBody（）, title:"容器组件", layout:"fit", width:500, height:100, items:[{title:"子元素1",html:"这是子元素1中的内容...

学习ExtJS form布局

2016年07月27日 7 阅读

一、 Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels：tru表示隐藏标签，默认为false。 labelAlign：标签队齐方式left、right、center,默认为left。 复制代码 代码如下: Ext.onReady（function（）{ var _panel = new Ext.Panel（{ ...

学习ExtJS accordion布局

2016年07月27日 6 阅读

一、Accordion布局由类Ext.layout.Accordion定义，表示可折叠的布局，点击每一个子元素的头部名称或右边的按钮，则会展开该面板，并收缩其它已经展开的面板。 layoutConfig：true表示在执行展开折叠时启动动画效果，默认值为false。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ var _panel = new Ext.Panel（{ title:"人员信息", renderTo:Ex...

学习ExtJS table布局

2016年07月27日 8 阅读

一、Table布局由类Ext.layout.TableLayout定义，类以于html中的table，可以对行或列进行合并。 layoutConfig使用columns指定父容器分成3列， rowspan合并行数目。 colspan合并列数目。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ var _panel = new Ext.Panel（{ title:"人员信息", renderTo:Ext.getBody（）...

Javascript 日期处理之时区问题

2016年07月27日 6 阅读

复制代码 代码如下: //dateObj是一个日期对象，days表示给这个日期加多少天，比如说4，5（天） function dateAdd（dateObj,days）{ var tempDate = dateObj.valueOf（）; tempDate = tempDate + days * 24 * 60 * 60 * 1000; tempDate = new Date（tempDate）; return tempDate; } //然后使用,创建一...

jquery 最简单的属性菜单

2016年07月27日 11 阅读

1.0 创建 <UL> 菜单树！ 并影藏 子选项！ 2.0 加入！ 复制代码 代码如下: $（"li:has（ul）"）.click（ function （）{$（this）.children（"ul"）.css（"display"）=="none"？$（this）.children（"ul"）.show（"slow"）:$（this）.children（"ul"）.hide（"slow"）; } ）; 3.0 你完成了！...

JavaScript 监听textarea中按键事件

2016年07月27日 7 阅读

有个textarea， Java代码 复制代码 代码如下: <textarea id="text"></textarea> 经常会定义onKeyPress="keypress（）;",并定义以下方法。 复制代码 代码如下: var keypress = function（e）{ var e = e || window.event; var k = e.keyCode; } 这里我使用的办法是JQuery。 复制代码 代码如下: ...

Javascript isArray 数组类型检测函数

2016年07月27日 8 阅读

1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说，不会有什么问题，但是针对Array的对象就没什么用途了： Js代码 复制代码 代码如下: alert（typeof null）; // "object" alert（typeof []）; // "object" 2、instanceof操作符。此操作符检测对象的原型链是否指向构造函数的prototype对象，恩，听起来不错，应该可以解决我们...

有效的捕获JavaScript焦点的方法小结

2016年07月27日 6 阅读

1. 设置元素可获得焦点以监听键盘事件 元素聚焦最大好处就是可允许发送键盘事件，HTML很多元素默认就有可聚焦，如form表单元素，a锚链接等，但大部份默认是不能聚焦的。要使得元素能够聚焦，可以在HTML代码或JavaScript脚本中实现。 html: 复制代码 代码如下: <div tabIndex="0" style="height:100px;width:100px; background:red;"></div> Jav...