- 博客(51)
- 收藏
- 关注
RSS订阅原创 CSS RESET
CSS RESET 代码 留着备用YUI的CSS body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0;}table { border-collapse:collaps
2012-11-27 13:59:52
638
原创 页面制作流程
浏览了一些论坛上的内容，将看到的一些页面制作流程和标准整理如下：1.看效果图，首先要了解页面，然后出现问题即时与设计人员沟通。2.做好HTML框架的规划，搭建HTML框架（要求结构化和标签语义化），添加语义化的命名。3.根据上一步的框架，写HTML框架和CSS样式的报告。以有利于加快项目进度和方便后期管理。4.编写HTML框架（即为页面中的文字内容和图片）。需要考虑代码结构，方便后
2012-07-26 00:20:51
1165
原创 JQUERY自定义动画函数
自定义动画函数包括了所有动画效果的高级应用和高级技巧。.animate() 执行自定义的动画效果。 返回jQuery.stop() 停止匹配元素当前正在执行的动画效果。 返回jQueryjQuery.fx.off 取消全部动画效果 Boolean.queue() 根据函数签名不同，可以获取指定队列的函数集合(返回Array),或者操作某一个队列
2012-07-15 23:22:18
6146
原创 CSS-定位概述
1. 可视化格式模型 p,h1或div等元素常常称为块级元素。这意味着这些元素显示为一块内容，即"块框"。与之相反，strong和span等元素称为行内元素，因为他们的内容显示在行中，即"行内框"。 可以使用displsy属性改变生成的框的类型。这意味着，通过将display属性设置为block,可以让行内元素(比如锚)表现的像块级元素一样。还可以通过将display属性设置
2012-07-13 23:55:11
772
原创 JS 面向对象选项卡
/* *面向对象版选项卡 */ var GLOBAL = {}; GLOBAL.namespace = function(str){ var arr=str.split("."), o=GLOBAL; for(i=(arr[0]=="GLOBAL") ? 1:0; i<arr.length; i++) { o[arr[i]]=o[arr[i]
2012-06-18 23:53:11
2019
原创 Base层代码
JS中属于框架级的base层代码 /* * base 层代码 */ var GLOBAL = {}; GLOBAL.namespace = function(str){ var arr=str.split("."), o=GLOBAL; for(i=(arr[0]=="GLOBAL") ? 1:0; i<arr.length; i++) { o[a
2012-06-13 23:58:17
1529
原创 RegExp类型
每个正则表达式都可带有一个或者多个标志，用以标明正则表达式的行为。正则表达式的匹配模式支持下列3个标志：g：表示全局(global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。i： 表示不区分大小写(case-insensitive)模式，即在确定匹配项时忽略模式与字符串的大小写m： 表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中
2012-06-07 22:57:10
553
原创 CSS hack
1.IE条件注释法 因为IE浏览器在CSS的解析上存在很多问题，所以绝大多数的CSS hack都是针对IE进行的。 如果我们想针对IE引入一个CSS文件， 如果我们想针对某个范围以内版本的IE进行hack,可以结合lte,lt,gte,gt,!等关键字来注释。lte表大于等于 lt表小于 gte表大于等于 gt 表大于 !表不等于
2012-05-23 22:34:48
563
原创 精通CSS-创建基本列表
1. 基本列表样式 Read emails Write chapter Go shopping Cook dinner Watch Lost为了添加定制的项目符号，可以使用list-style-image属性。但这种方法控制力不强，更常用的是将项目符号作为背景添加在列表元素上。然后可以使用背景图像的定位属性精确地控制自定义项目符号的对准方式。IE的早
2012-05-23 00:12:33
1204
原创 精通CSS-链接样式
1. 简单的链接样式 对链接应用样式最容易的方式是使用锚类型选择器 。如： 以下规则使 a {color:red; } 但是，锚可以作为内部引用，也可以作为外部链接，所以使用类型选择器不总是理想的。例如：下面的第一个锚包含一个片段标识符，当用户单击这个锚时，页面将调到第二个锚的位置: Skip to main content ..... W
2012-05-22 00:16:27
899
原创 精通CSS-背景图像基础
1.背景图像只需将图像作为背景应用于主题元素body { background-image:url(/img/pattern.gif); }默认情况下，浏览器水平和垂直地重复平铺图像到整个页面。在页面上使用垂直渐变。需要创建一个很高但很窄的渐变图像，然后使其水平平铺。body{ background-image:url(/
2012-05-21 00:27:20
1409
1
原创 游标
在sql函数或者存储过程编程中，对数据一行一行地进行操作，游标的操作自然离不了，下面为学习的游标练习CREATE OR REPLACE PROCEDURE ECC_test.SP_TST AS VV_A VARCHAR(300); VV_B VARCHAR(300);BEGIN FOR I_CUR IN (SELECT * FROM ecc_test.special_com
2012-05-19 10:56:50
587
原创 Github使用
在目前的项目中，用的是SVN版本控制工具，明显感觉到了在本地更改的文件无版本控制的缺点，以及建立分支和合并代码的麻烦。所以就了解了git的版本控制软件，正好需要用到github来托管一些自己的代码。所以将一些使用步骤总结于此。1. 首先在window下，需要先安装git ,可以下载msysgit,点击安装即可。在window下也有基于界面的类似软件，但都是基于git的，所以要先安装git ，基
2012-05-15 23:46:53
2151
原创 JS获取节点的兄弟，父级，子级元素
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：var a = docuemnt.getElementById("test").getElementsByTagName("div
2012-05-14 00:40:48
595336
4
原创 css实现三角形
原理就是当元素边框(border)不为0时，四个角边框交界重叠处分45度角平分 提示信息 .tipArrow { /*右边有颜色，其他透明*/ border-color: transparent #e00 transparent transpare
2012-05-09 00:05:32
1088
原创 逻辑或 逻辑与 NaN
1.逻辑或的一些规则：1)如果第一个操作数是对象，则返回第一个操作数2)如果第一个操作数的求值结果为false，则返回第二个操作数3)如果两个操作数都是对象，则返回第一个操作数4)如果两个操作数都是null，则返回null5)如果两个操作数都是NaN,则返回NaN6)如果两个操作数都是undefined,则返回undefined逻辑或操作符是短路操作符。如果第一个操
2012-05-06 23:49:43
1572
原创 JSON
1.JSON是指JavaScript Object Notation,即JS对象表示法。所以说JSON其实是一种数据格式，因为JS原生的支持所以赋予了JSON强大生命力。var oPerson ={ name:"ziqiu.zhang", age:111, sc
2012-05-05 00:16:37
534
原创 谈用户需求
先分享故事：一位腾讯的QQ产品经理崩溃了，疯掉之前他依次做了以下功能：隐身，对其隐身，隐身对其可见，对其一三五隐身，对其21点后隐身，对其隐身可见签名，对其隐身可见最后一次在线签名，隐身对其可见但只显示最后一次在线签名........................。虽做为一则笑话，但实却令人深思。我们不能满足各种怪异的用户需求，众口难调。我们不能以"用户有这样的需求"为理由，来无止尽地满
2012-05-04 00:09:57
694
原创 JavaScript原型
1.使用原型实现的js的面向对象"原型"表对象的原始状态，JS中的每一个对象都有一个prototype属性，但是只用Function类型的prototype属性可以使用脚本直接操作。object的prototype属于内部属性，无法直接操作。prototype属性本身是一个object类型。一个函数的prototype上所有定义的属性和方法，都会在其实例对象上存在。实例方法和静态方法是不同
2012-05-04 00:00:04
634
原创 JavaScript中的function
1.使用function声明方法和类型 可以使用function声明一个方法，比如： function testMethod() { alert("Hello world");} testMethod(); //输出"Hello world!"除了方法，function还可以用来声明"类型"。JavaScript中本没有"类型"的概念，也就是Class的概念，但可以
2012-05-03 01:28:27
2172
原创 JavaScript中的变量和闭包
JavaScript基础1.变量声明 JavaScript可以使用var显式地声明变量： var iNum; 因为JS是弱类型语言，即使变量的类型在初始化时已经被确定，也仍然可以之后把他设置成其他类型 var sName = "ziqiu"; alert(sName); sName=55; alert(sName); 变量除了可以显式声明，也
2012-05-02 01:40:47
2869
原创 PHP基本连接数据库
由于要调试JS的AJAX，JAVA写感觉不够轻便，所以直接捡起了原来的PHP，来做测试用。最简单的代码connect.php<?php$host="localhost";$db_user="root";$db_pass="";$db_name="demo";$timezone="Asia/Shanghai";$link=mysql_connect($host,$db_
2012-04-29 01:08:40
10184
原创 JavaScript弹出提示选择框
自动联想最简单最基本的原型，从简单的入手，一步步做到底。附代码 function showSuggest(){ var txtBox = window.document.getElementById("TextBox1"); var lstBox = window.document.getElementById("ListBox1");
2012-04-25 20:59:28
8963
1
原创 JavaScript之srcElement元素
项目中用到了需要判定事件源的一些代码，先将从网上查到的获取事件源属性的代码，总结如下，方便以后查找 无标题页 function Get_srcElement() { var srcElement="" srcElement = srcElement + "\r\n" + "event.srcElement.id : " + event.srcElem
2012-04-23 20:28:15
4482
原创 JavaScript基本函数封装
代码如下：function $(obj,get,fn) { if(get=="element") { return obj.getElementsByTagName(fn)//获取数组 } else if( get=="id") { return obj.getElementById
2012-04-17 00:15:58
2115
原创 JavaScript瀑布流
JS瀑布流效果 瀑布流效果 *{ margin:0; padding:0; } h1{ text-align:center; he
2012-04-11 23:57:52
1396
原创 JavaScript多选框checkbox传递
工作中遇到的多选框传递问题，实际上需要将多选框用js拼成一个传，作为string传递过去，需要在表单中加一个隐藏的值，回写的时候，再用js解析此串，然后给多选框赋值，用到代码如下：//将多选框拼串function getCheckboxStrNew(objName){ var objList = document.getElementsByName(objName); var r
2012-04-11 12:18:42
5742
1
原创 JavaScript换肤
设置cookie的部分没有调通，还需调整先贴代码如下：换肤 //添加事件处理函数 function addEventListener(ele,type,func){ if(ele.addEventListener){ //DOM兼容浏览器
2012-04-10 23:26:13
815
原创 JavaScript相册预览
直接上代码相册 //记录对象的数组 var images = []; //初始化事件处理函数 function initdsy () { //所有的元素 alert('44'); var imgArr= document.getElementsByTagName("img");
2012-04-09 22:43:50
990
原创 Tab切换
基于JQUERY写的Tab标签切换无标题文档 $(function(){ $(".menu a").click(function(){ $(this).addClass("curr").siblings().removeClass("curr");
2012-04-08 00:33:01
440
原创 JavaScript面向对象(一)
JavaScript本身是基于对象的，而并非基于类。但是，JavaScript的函数式语言的特性使得它本身是可编程的，他可以变成你想要的任何形式。1.原型继承 JavaScriipt中的继承可以通过原型链来实现，调用对象上的一个方法，由于方法在JavaScript对象中是对另一个函数对象的引用，因此解释器会在对象中查找该属性，如果没有找到，则在其内部对象protopype对象上搜索
2012-04-05 21:57:55
534
原创 划词弹出2级菜单
项目中用到的类似于分享到weibo的划词弹出菜单。大致思路是有一个隐藏层，内部放着隐藏菜单，当选中某个页面空间的文字时，即会弹出此菜单，点击则可以将文词切换至弹出窗口，然后进行编辑。1.放所隐藏菜单层的代码#menu_layer{display:none;}#menu_layer { width: 100px; border: 1px solid #CCC; border-bo
2012-04-05 12:29:13
1284
原创 JavaScript数组
JavaScript的数组更像是将很多东西混合在一起的结果。传统的程序设计语言中，数组内的元素需要具有相同的数据类型，而作为弱类型的JavaScript,则没有这个限制，JavaScript的同一个数组中，可以有各种完全不同类型的元素。方法：concat() 连接两个或更多的数组，并返回结果join() 把数组的所有元素放入一
2012-04-01 00:24:04
908
原创 JavaScript函数
在JavaScript中，函数本身与其他任何的内助对象在地位上是没有区别的，函数本身也是对象。在JavaScript中：函数可以被赋值给一个变量可以被赋值为对象的属性可以作为参数被传入别的函数可以作为函数的结果被返回可以用字面量来创建1.函数对象通过new 操作符来创建var add=new Function("x","y","return(x+y)");
2012-03-30 23:35:23
480
原创 JavaScript对象与JSON
1.Javascript对象JavaScript对象其实就是属性的集合，也就是说，给定一个JavaScript对象，我们可以明确的知道一个属性是不是这个对象的属性，对象中的属性是无序的，并且是各不相同的(如果用同名的，则后声明的覆盖先声明的)。一般来说，我们声明对象的时候对象往往只是一个空的集合，不包含任何的属性，通过不断的添加属性，使得该对象成为一个有完整功能的对象，而不
2012-03-30 22:33:45
900
原创 JavaScript面向对象特性
1.null和undefinednull是JavaScript的一个关键字，它表示空值。null可以看做是Object类型的一个特殊值，如果一个对象的值是null，其含义就是该对象不是一个有效的对象。undefined不是JavaScript的关键字，它是一个全局变量，也就是Global对象的一个属性值。在JavaScript中，有以下3种可能的情况会返回undefined:(1) 使
2012-03-28 22:58:39
453
原创 JavaScript之类型
1.类型转换在JS代码中通常可以发现这样的代码：if(datamodel.item){// do something....}else {datamodel.item = new Item();}这种写法事实上具有更深层次的含义：应该注意到，datamodel.item是一个对象(字符串，数字等)，而if需要一个boolean型的表达式，所以这里进行了类型
2012-03-28 00:08:50
517
原创 JavaScript语言特性
JavaScript是一种动态的，弱类型，基于原型的脚本语言。在JavaScript中"一切皆对象"。（1）动态性动态性是指,在一个Javascript对象中，要为一个属性赋值，我没不必事先创建一个字段，只需要在使用的时候做赋值操作即可，//定义一个对象var obj=new Object();//动态创建属性nameobj.name="an object";//动态创
2012-03-27 23:09:06
2978
原创 JavaScript内置对象(2)
10.String 对象提供了对字符串的支持，创建String 对象使用如下的方式：var str = new String("s=abc"); 属性和方法length 字符串长度charAt(n) 返回字符串中的第n个字符concat(value,....)将一个或者多个值连接到字符串上)indexOf(substring[,start]) 在字符串
2012-03-27 21:50:16
384
原创 JavaScript内置对象(1)
JavaScript内置对象包含以下这些：Global:全局对象 Object:对象 Boolean:布尔值对象 Date:日期对象 String:字符串对象 Number:数字对象 Array:数组对象Function:函数对象 Math:数学对象
2012-03-26 23:34:23
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人