tuku0801的专栏

转载 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