tuku0801的专栏

原创 javascript内置对象（基础）

1.对象的属性，是对象的一些特征，如数组的长度lenght

原创 css3控制多重动画效果

css3的动画效果。

原创 css3多背景效果

css3实现多背景展示

原创 纯 css实现tab切换效果

其实是使用锚点作为标记，通过点击实现了q

原创 淘宝sdk模板制作所需的部分资料（个人常用）

《》

原创 天猫商城应用自定义类代码

宽屏居中：一侧悬浮：

原创 css3和html5的学习

html5基础

原创 关于display的block、inline、inline-block的联系和区别

display:block就是将元素显示为块级元素.　　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度　　, , , , 和 是块元素的例子。　　display:inline就是将元素显示为行内元素.　　inline元素的特点是： 　　和其他元素都在一行上；　　

原创 心流状态---人们做事时内心的一种状态

最近读一本书《设计师要懂心理学》，看到了第四章的38节。《-----人可以进入心流状态---》      ---心流状态（维基百科的解释）：心流（英语：flow），又译作“神驰”，定义是一种将个人精神力完全投注在某种活动上的感觉；心流产生时同时会有高度的兴奋及充实感。米哈里·齐克森认为，使心流发生的活动有以下特征：我们倾向去从事的活动我们会专注一致的活动有清楚目标的活动

原创 ie6关于css的不兼容

1：clip定义和用法clip 属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容

转载 css hack

css中的width和padding  在IE7和FF中width宽度不包括padding，在Ie6中包括padding. 根据不同浏览器对CSS样式的支持程度，解析结果和识别CSS的优先级不同，设计师们就可以根据这些不同浏览器 的特点来书写不同的CSS样式代码。  IE6能识别下划线_和星号*，IE7能识别星号*，不能识别下划线_，  而firefox两个都不能识别，如此，就

原创 jQuery实现的一个tab切换效果，（内部还有切换）。

大致效果如图下面是代码：自己导入jQuery包。样式： body,ul,li,div,a{margin:0px;padding:0px;} body{margin-top:10px;margin-left:15px;} #all{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px s

转载 解决IE6不兼容position：fixed

众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。你是如何让position:fixed在IE6中工作的？本文所使用的技巧

转载 pre标签里面内容自动换行

pre{　　white-space:pre-wrap;/*css-3*/　　white-space:-moz-pre-wrap;/*Mozilla,since1999*/　　white-space:-pre-wrap;/*Opera4-6*/　　white-space:-o-pre-wrap;/*Opera7*/　　word-wrap:break-word;/*Internet

原创 关于Form表单的action和onSubmit

Form中onsubmit和action的区别

原创 mySql基础操作

mySql基本操作 每条语句输入完毕后要在末尾填加分号';'，或者填加'\g'也可以； 查询时间：select now(); 查询当前用户：select user(); 查询数据库版本：select version(); 查询当前使用的数据库：select database();一：系统操作net start mysql //启动mysql服务

转载 HTTP 请求返回代码含义

HTTP 请求返回代码含义状态代码  状态信息  含义 100  Continue  初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新） 101  Switching Protocols  服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新） 200  OK  一切正常，对GET和POST请求的应答文档跟在后面。201  Created 

原创 form表单常用的属性和方法

转载 javascript获取表格中元素的行号和列号

function getRowAndColumn(){/* 不懂什么意思 if(!document.getElementsByTagName || !document.createTextNode) return;*/ var rows=document.getElementById('myTable').getElementsByTagName('tr'); var col

转载 表格常用的DOM操作

转载 element.tagName

概述返回当前元素的标签名语法elementName = element.tagNameelementName 是一个字符串,包含了element元素的标签名.备注在XML (或者其他基于XML的语言,比如XHTML,xul)文档中,tagName的值会保留原始的大小写. 在HTML文档中, tagName会返回其大写形式. 对于元素节点来说,tagName属性的值

转载 解决浏览器兼容同时屏蔽鼠标右键的使用

function block(e){ if(window.event){ e=window.event; e.returnValue = false; }else e.preventDefault(); } document.oncontextmenu = block;点击鼠标右键会触发contextmenu事件，如果希望彻底屏蔽鼠标右键，最好的方法是

原创 浏览器兼容

//获取事件对象，处理兼容性if(window.event).oEvent = window.event;//获取事件目标，处理兼容性var oTarget;if(oEvent.srcElement){oTarget = oEvent.srcElement;}else{oTarget = oEvent.target;}++++++++++++++++

原创 处理各种浏览器 获取事件目标的兼容性

代码：ps.onclick = function(oEvent){        if(window.event)oEvent = window.event;        }兼容性的方法：var func = function(){};//例：addEvent(window,"load",func) function addEvent(elem, type

原创 javascript的基本类型和引用类型

////每种语言数据类型是最基础的东西了，今天被javascript的基本类型和引用类型搞晕，主要是在函数中的传递，所有数据都是按照“值”来传递的。////刚开始看到李松峰老师 翻译的 《JavaScript 高级程序设计 第二版》中第四章介绍，传递参数，（函数传递参数）都是按照值来传递。这里并不说所有情况都是按照值来传递。对于引用类型数值还是按照引用地址来传递。javascript的数据

原创 insertAfter小函数

在Dom提供的方法中，只能在元素之前插入元素--insertBefore；或者在父级节点最后添加--appendChild；实际的应用中，有可能会碰到在特定元素之后添加元素的。利用insertBefore和nextSiblinge可以解决这个问题 插入到这个文字之后 也就是插入这段文字之前，但是这段文字没有ID，无法取得====================

原创 nextSibling和previousSibling中浏览器的兼容问题

在使用nextSibling和previousSibling查找下一个、上一个元素时，会碰到IE和火狐的浏览器兼容问题。注释：Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。元素节点的节点类型是 1，因此如果首个子节点不是一个元素节点，它就会移至下一个节点，然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子

原创 dom的中node常用属性和方法

HTML DOM NodesIn the HTML DOM (Document Object Model), everything is a node:The document itself is a document nodeAll HTML elements are element nodesAll HTML attributes are attribute nodesText

原创 js的使用示例--基础操作

http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html关于DOM，有些知识需要注意：1. window对象作为全局对象，也就是说你可以通过window来访问全局对象。 属性在对象下面以变量的形式存放，在页面上创建的所有全局对象都会变成window对象的属性。方法在对象下面以函数的形式存放，因为左右的函数都

原创 dom对象与jQuery对象的区别（使用实例方法）

jQuery对象和DOM对象区别A、dom对象是使用js脚本获取var dom = document.getElementById("dom");可以获得页面中id为dom的元素。例子你最喜欢的水果是? 苹果 橘子 菠萝在这棵DOM树中，、、以及的3个子节点都是DOM元素节点。可以通过JavaScript中的getElementsByTa

原创 a标签调用js的方法

a标签中调用javascript方法的几种方法： 1》  a href="javascript:void(0);" onclick="js_method()"   onclick执行一个js函数，void是一个操作法，void(0)返回一个undefined，地址不发生地址跳转。2》 a href="javascript:;"  onclick="js_method()" ,此方法

原创 页面载入结束，自动调用js函数

window.onload=function(){ alert("页面载入完成，自动调用js函数。"); }

原创 java基础--数值的扩容实例应用

在java中数组一旦被初始化之后，长度是不可变的。如果想要改变数组的长度，要进行数组的扩容。   import java.util.Arrays;public class ArrayExpandDemo { public static void main(String[] args) { int[] ary = {1,2,3}; System.out.p

原创 java接口和抽象类

abstract:抽象类和抽象方法必须使用abstract修饰符来定义，有抽象方法的类只能被定义成抽象类，抽象类里可以没有抽象方法。抽象类和抽象方法的规则如下：A：抽象类必须使用abstract修饰符修饰，抽象方法也必须使用abstract修饰，抽象方法不能有方法体。B:抽象类不能被实例化，无法使用new关键字来调用抽象类的构造器来创建抽象类的实例。即使这个抽象类里不包含抽象方法，这个

原创 java的访问控制符

java提供了三种访问控制符： private  protected public。

转载 JS鼠标事件大全

JS鼠标事件大全保存一份，好查阅。呵呵。。。onMouseOver IE3|N2|O3当鼠标移动到某对象范围的上方时触发的事件onMouseMove IE4|N4|O 鼠标移动时触发的事件onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]

原创 更改web context-root

进行页面调试时，设置访问路径webapp 时，自定义设置选择项目文件 Properties （alt+enter），再对话框输入web，就会出现可以修改的对话框。

原创 jsp动作元素基础

和的区别使用指令元素，只是将页面的内容静态的包含进来，如果被包含的文件中有jsp代码，则会执行该代码，不管该文件是否为动态文件；      包含了一段jsp代码的txt文件      当前日期与时间:      -----------------          +++++++++++++++++++++++++++++++++++++++

原创 jsp中out的print和write的区别

jsp中的out对象是JspWriter类型的．而JspWriter继承了java.io.Writer.write方法是在在父类Writer中定义的，print方法是在子类JspWriter中定义的．重载的print方法可以将各种类型（对象）的数据转换成字符串的形式输出．而重载的write方法只能输出字符／字符数组／字符串等与字符相关的数据变量．而且如果使用这两种方法输出值为nul

转载 心情低落的时候看看——自我疗伤

禅林慧根--佛家经典语录（让你心胸开阔的方法）1、人之所以痛苦，在于追求错误的东西。 2、与其说是别人让你痛苦，不如说自己的修养不够。3、如果你不给自己烦恼，别人也永远不可能给你烦恼。因为你自己的内心，你放不下。4、好好的管教你自己，不要管别人。5、不宽恕众生，不原谅众生，是苦了你自己。　6、别说别人可怜，自己更可怜，自己修行又如何？自己又懂得人生多少？7、学佛是对自己的良