- 博客(66)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 最新整理45个div+css兼容性问题与解决方法
1. 默认的内外边距不同问题：各个浏览器默认的内外边距不同解决：*{margin:0;padding:0;} 2. 水平居中的问题问题：设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中ff /opera /safari /ie8文本会居中，嵌套块不会居中解决：块元素设置 1、margin-left:auto
2015-03-04 20:11:16
934
1
原创 IE浏览器中Image对象onload失效的解决办法
作为WEB设计者，为了在网页展示上加强用户体验，经常会利用图象载入显示状态方法，这自然需要Image对象的onload事件。 在firefox浏览器下完成开发后，可是在IE浏览器中进行调试总不能被调用。不管是最新版的IE8还是旧版本的IE7和IE6都无效，最初的代码简化后如下：var img = new Image();img.src = "test.gif";img.onlo
2014-08-30 14:00:14
1769
转载 IOS5中的Safari不兼容Javascript中的Date问题
IOS5中的Safari不兼容Javascript中的Date问题，做下笔录吧！奶奶的，折腾我半天！ 在做Mobile终端的Website开发中，我遇到一个很懊恼的问题。在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。但是在IOS5版本里面的Safari解释
2014-05-28 14:33:00
1029
原创 css html 鼠标手型,鼠标形状,鼠标效果,样式
css鼠标手型cursor中hand与pointerExample：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型 效果 CSS鼠标十字
2014-04-23 09:35:25
5752
原创 jquery attr()方法
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。1.
2014-04-14 09:38:59
1230
转载 HTML5基础，第4部分：点睛之笔Canvas (2)
图4的显示——从左到右——为一条圆弧、一条二次曲线、一条贝塞尔曲线、一个半圆和一个圆。图4. 圆弧、曲线和圆
2014-04-11 13:38:37
946
转载 HTML5基础，第4部分：点睛之笔Canvas (1)
使用HTML5来编写代码的人，有着设计者和开发者双重身份的强悍组合，其职责是构造出高效的富互联网应用（rich Internet application，RIA），特别是丰富的用户界面。就高效这个字眼来说，我的意思是指系统级的和系统性的创造力增强，这种增强以数字化的方式促进了站点所有者、所有者的代理机构和站点用户之间的对话。RIA是用户获得满意体验的来源之处和媒介，因此，它是任何成功的
2014-04-11 13:34:11
1108
转载 HTML5基础教程系列：第3部分，HTML5 API的威力
那么，什么是API呢？ 应用编程接口（application program interface，API）是访问一个软件应用的编程指令和标准的集合。通过使用API，你就可以设计出由API提供的服务来驱动的产品。 HTML5拥有一些新的API，例如： 1. 一个与新的画布元素一起使用的2D绘图API，用于渲染图形或是其他的视觉图像。2. 一个支持离线web应用的缓存机制
2014-04-11 13:03:19
964
转载 HTML5基础，第2部分：组织页面的输入
设计表单在HTML5中，表单已经做了重大的修整，一些以前需要JavaScript编码的任务现在已经可以在不需要编码的情况下就很容易地完成。本文中的表单例子分析了HTML5的表单创新套件的用法，当然，这一过程的第一步是规划表单。你要开发的表单例子的布局如图1所示，你要开发表单页面的三个区域：Header区、Form区和Footer区。Header区包含了封装在标签中的页面标题和副
2014-04-11 12:57:02
926
转载 HTML5基础，第1部分：初试锋芒 (2)
Aside区Acme United规划中的Aside区可通过使用标签来创建。这一标签被看作是用来存放补充内容的地方，这些内容不是其所补充的一篇连续文章的组成部分。在杂志上，插入语（aside）通常被用来突出文章本身所制造的一个观点。标签包含的内容可被删除，而这不会影响到包含了该内容的文章、章节或是页面所要传达的信息。清单10提供了标签用法的一个例子。清单10. 标签的例子
2014-04-10 14:48:21
1019
原创 JQ 学习笔记2
mouseover 鼠标移入mouseout 鼠标移除mouseenter 鼠标穿入mouseleave 鼠标穿出mouseenter() mouseleave() 穿过子元素不会触发mouseover() mouseout()则会触发keydown()按下 keyup()按下弹起 返回的是键码keypress()返回的是字符编码
2014-03-25 22:49:28
800
原创 JQ 学习笔记
1、hide() 隐藏 show() 显示 toogle() 既有显示又有隐藏2、fadeIn() 淡入 fadeout() 淡出 fadeToggle() 淡入淡出切换 fadeTo() 设置透明 fagdeTo('slow',0.5);3、sildeDown() 向下滑动 sildeUp() 向上滑动 sildeToggle() 向上向下滑动4、
2014-03-24 19:28:56
964
转载 移动前端制作篇之javascript篇
javascript(简称js)语言在移动前端应用很广。可以说必不可少，许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、sencha touch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子：1、隐藏地址导航栏：
2014-02-26 15:59:40
979
转载 JS作用域链（转载）
变量的作用域变量的作用域其实很简单：在函数内定义的局部变量只在本函数内有效，在所有函数体外定义的变量在JS代码的全局有限，叫全局变量。有一个特殊情况，如果有全局变量和局部变量重名了，局部变量优先级高于全局变量，为什么会这样？后面再加以解释。变量与对象属性在学习Javascript的时候，会发现变量的使用与对象属性非常类似，比如赋值，已经在表达式中的使用方式，你甚至就可以把JS里面的每一
2013-04-10 17:49:59
823
原创 JavaScript实例集合
1．进入主页以后自动播放声音2．进入主页后自动最大化,省的去在自己单击了 self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) 3．显示现在时间的脚本document.write now4．显示最后修改时间的脚本document.write(document.lastModi
2013-04-10 14:43:29
844
转载 jquery禁用右键、文本选择功能、复制按键的实现
//禁用右键、文本选择功能、复制按键 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return false;}); $(document).keydown(function(){return key(arguments[0])})
2013-04-10 14:26:59
1198
转载 JavaScript 拖放效果
拖放效果#idContainer{ border:10px solid #990000; width:600px; height:300px;}#idDrag{ border:5px solid #C4E3FD; background:#C4E3FD; width:50px; height:50px; top:50px; left:50px;}#idHandle{cursor
2013-03-18 18:31:15
838
转载 JS控制图片显示的大小（图片等比例缩放）
最新javascript自动按比例显示图片，按比例压缩图片显示function AutoResizeImage(maxWidth,maxHeight,objImg){var img = new Image();img.src = objImg.src;var hRatio;var wRatio;var Ratio = 1;var w = img.width;var h = img
2013-03-18 18:24:11
2761
原创 js面向对象，多种创建对象方法！
1.对象字面量。 var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(this.hour+":"+this.minute+":"+this.second); } } clock.showTime();//调用2.创建Object实例 var clock
2013-03-15 23:10:50
817
转载 Jquery 使用手册------Ajax支持
Ajax支持 通用方式：$.ajax(prop) 通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。 (String)type：数据传递方式(get或post)。 ((String)url：数据请求页面的url ((String)data：传递数据的参数字符串，只适合
2013-03-15 13:04:59
844
转载 Jquery 使用手册------事件处理
事件处理 hover(Function,Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function样式：.red{color:#FF0000}Html代码： sdfjQuery代码及效果$(function(){ $("#a").hover(function(){$(this).addClass(
2013-03-15 13:03:47
712
转载 Jquery 使用手册-------动态效果
动态效果 在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则 显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否 等于none，如果等于则设为block,如果不等于这设为none，如果在将效果
2013-03-15 13:02:48
787
转载 Jquery 使用手册-------JavaScript处理
JavaScript处理$.browser() 判断浏览器类型，返回boolen值$(function(){ if($.browser.msie) { alert("这是一个IE浏览器");} else if($.browser.opera) { alert("这是一个opera浏览器");}})当页面载入式判断浏览器类
2013-03-15 13:01:40
723
转载 Jquery 使用手册------CSS操作
CSS操作 传统javascript对css的操作相当繁琐，比如css取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操 作，$("#a").background()，$("#a").background(“red”)$("#a")得到jQuery对象[ ]$("#
2013-03-15 13:00:35
825
转载 Jquery 使用手册-------DOM操作
DOM操作属性我 们以为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery 里$("#a")将得到jQuery对象[ ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.
2013-03-15 12:58:28
776
转载 jq 使用手册
官方网站：http://jquery.com jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！ 下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip
2013-03-15 12:56:29
1330
原创 解决表格设置table-layout:fixed后单元格宽度设置无效的方法
在对设置表格设置table-layer:fixed样式后，发现表格中有一行合并过，其它没有合并的行的列宽会平均化，对列宽的设置会失效。如果把表格的合并行去掉，又能正常显示。原因：table-layout: fixed 的表格，各列宽度由第一行决定，后面指定的宽度会被忽略。你第一行合并了，所以各列宽度均分了。解决方法一：在tbody前加解决方法二：设置一个隐藏的行来规
2013-03-13 10:21:54
11307
原创 jQuery基础 - 改变CSS样式
jQuery提供css()的方法来实现嵌入式改变元素样式，css()方法在使用上具有多样性。其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码：$("#61dh a").css('color','#123456');//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。//.css(‘color
2013-03-11 13:48:43
1098
转载 请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码
请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。 要求： alert(toRGB("#0000FF")); // 输出 rgb(0, 0, 255)alert(toRGB("invalid")); // 输出 invalidalert(toRGB("#G00")); // 输出 #G00
2013-03-01 14:21:42
2166
转载 Flash of Unstyled Content (FOUC)（这个一直困惑我的迷）
什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这似乎不可想象,我将这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.因为这种奇怪的现象似乎只会在Internet Explorer中出现,
2013-02-19 15:21:58
1873
转载 [linux] 如何在vim里面把空格缩进改为tab缩进
有些同学喜欢用空格做缩进。因此很多代码的行首都带有连续重复的空格，有些是四个空格，有些甚至是八个空格。真是叔叔可忍婶婶不可忍。vim有一些retab之类的选项可以对所有vim处理的文档做缩进转换，不过那太野蛮了，我们不打算让vim自动处理所有文件。因此比较合适的方式是手动的来做这种转换。可以在vim里面使用如下命令：:%s/ /\t/g 解释：开
2013-02-19 15:10:23
862
原创 GET和POST可传递的值到底有多大？
我的常识里面get最大传递的值为256b，post 是2M。这是很久以前不知在哪看到的。于是又百度一下。看到两篇文章装过来看看：浅谈 HTTP中Get与Post的区别GET方式传值的最大长度都有些道理。引用其中一些观点：get 首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系 了。而实际
2013-02-18 17:25:09
1428
转载 前端开发工程师面试题
1 请实现，鼠标点击页面中的任意标签，alert该标签的名称．（注意兼容性）答：document.onclick=function(e){ e=e||window.event; var o=e.srcElement||e.target; alert(o.tagName);} 2 请指出一下代码的性能问题，并经行优化。 var info="腾讯拍拍网
2013-02-18 17:16:48
2838
转载 JavaScript性能优化--创建表格
JavaScript创建表格的方法很多。 方法1： 可以使用createElement方法来创建table，tbody，tr，td，然后使用createTextNode创建文本，最后使用appendChild来添加元素。 http://cssrain.cn/demo/cccreatetable/demo1.html 方法2：也可以使用HTML专门的创建表
2013-02-18 16:23:45
800
转载 php笔试题摘录
1. 写出如下程序的输出结果<?php $str1 = null; $str2 = false; echo $str1==$str2 ? '相等' : '不相等'; //相等 $str3 = ''; $str4 = 0; echo $str3==$str4 ? '相等' : '不相等'; //相等 $str5 = 0; $str6 = '0'; echo $str
2013-02-18 16:16:22
508
原创 php设计模式
[php]php设计模式 (总结)传统的23种模式(没有区分简单工厂与抽象工厂)http://www.cnblogs.com/bluefrog/archive/2011/01/04/1925933.html php设计模式 Interpreter(解释器模式)http://www.cnblogs.com/bluefrog/archive/2011/01/04/1925932.html
2013-02-18 16:10:26
689
原创 PHP5中的魔术方法
从PHP 5以后的版本，PHP中的类就可以使用魔术方法了。其规定以两个下划线(__)开头的方法都保留为魔术方法，所以建议大家函数名最好不用__开头，除非是为了重载已有的魔术方法。 1、__get、__set 这两个方法是为在类和他们的父类中没有声明的属性而设计的。 ◆__get( $property ) 当调用一个未定义的属性时，此方法会被触发，传递的参数是被访问的属性名。
2013-02-18 16:08:21
644
转载 notepad++的学习笔记
notepad++是一个非常好用的代码编辑器。现在来学习一下怎么样更好地用它。 首先，真正地认识notepad++是从这一幅图开始。这个是什么呢？没错，这个是添加了zen coding插件的notepad++，这个对于编写网页代码来说是非常有用的。具体教程可看：zen coding+notepad++速写html代码实例。当然，这个插件也有面向DW的，在DW中运行的话会更有用，不过D
2013-02-18 13:54:35
1209
转载 Linux SVN 管理
1>添加和登录:sudo svn co https://192.168.2.23:8443/svn/TMEM-2010-009/trunk/04.代码库/后台AAbis --username zhangqiang2> 目录操作创建一个目录~/AAbis/src$ sudo mkdir RPH //本地添加一个文件夹~/AAbis/src$ sudo
2013-01-18 09:34:32
918
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人