- 博客(66)
- 资源 (3)
- 收藏
- 关注
原创 最新整理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
964
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
1811
转载 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
1060
原创 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
5782
原创 jquery attr()方法
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。1.
2014-04-14 09:38:59
1268
转载 HTML5基础,第4部分:点睛之笔Canvas (2)
图4的显示——从左到右——为一条圆弧、一条二次曲线、一条贝塞尔曲线、一个半圆和一个圆。图4. 圆弧、曲线和圆
2014-04-11 13:38:37
983
转载 HTML5基础,第4部分:点睛之笔Canvas (1)
使用HTML5来编写代码的人,有着设计者和开发者双重身份的强悍组合,其职责是构造出高效的富互联网应用(rich Internet application,RIA),特别是丰富的用户界面。就高效这个字眼来说,我的意思是指系统级的和系统性的创造力增强,这种增强以数字化的方式促进了站点所有者、所有者的代理机构和站点用户之间的对话。RIA是用户获得满意体验的来源之处和媒介,因此,它是任何成功的
2014-04-11 13:34:11
1134
转载 HTML5基础教程系列:第3部分,HTML5 API的威力
那么,什么是API呢? 应用编程接口(application program interface,API)是访问一个软件应用的编程指令和标准的集合。通过使用API,你就可以设计出由API提供的服务来驱动的产品。 HTML5拥有一些新的API,例如: 1. 一个与新的画布元素一起使用的2D绘图API,用于渲染图形或是其他的视觉图像。2. 一个支持离线web应用的缓存机制
2014-04-11 13:03:19
1000
转载 HTML5基础,第2部分:组织页面的输入
设计表单在HTML5中,表单已经做了重大的修整,一些以前需要JavaScript编码的任务现在已经可以在不需要编码的情况下就很容易地完成。本文中的表单例子分析了HTML5的表单创新套件的用法,当然,这一过程的第一步是规划表单。你要开发的表单例子的布局如图1所示,你要开发表单页面的三个区域:Header区、Form区和Footer区。Header区包含了封装在标签中的页面标题和副
2014-04-11 12:57:02
941
转载 HTML5基础,第1部分:初试锋芒 (2)
Aside区Acme United规划中的Aside区可通过使用标签来创建。这一标签被看作是用来存放补充内容的地方,这些内容不是其所补充的一篇连续文章的组成部分。在杂志上,插入语(aside)通常被用来突出文章本身所制造的一个观点。标签包含的内容可被删除,而这不会影响到包含了该内容的文章、章节或是页面所要传达的信息。清单10提供了标签用法的一个例子。清单10. 标签的例子
2014-04-10 14:48:21
1062
原创 JQ 学习笔记2
mouseover 鼠标移入mouseout 鼠标移除mouseenter 鼠标穿入mouseleave 鼠标穿出mouseenter() mouseleave() 穿过子元素不会触发mouseover() mouseout()则会触发keydown()按下 keyup()按下弹起 返回的是键码keypress()返回的是字符编码
2014-03-25 22:49:28
816
原创 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
998
转载 移动前端制作篇之javascript篇
javascript(简称js)语言在移动前端应用很广。可以说必不可少,许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、sencha touch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子:1、隐藏地址导航栏:
2014-02-26 15:59:40
995
转载 JS作用域链(转载)
变量的作用域变量的作用域其实很简单:在函数内定义的局部变量只在本函数内有效,在所有函数体外定义的变量在JS代码的全局有限,叫全局变量。有一个特殊情况,如果有全局变量和局部变量重名了,局部变量优先级高于全局变量,为什么会这样?后面再加以解释。变量与对象属性在学习Javascript的时候,会发现变量的使用与对象属性非常类似,比如赋值,已经在表达式中的使用方式,你甚至就可以把JS里面的每一
2013-04-10 17:49:59
830
原创 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
862
转载 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
1213
转载 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
851
转载 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
2781
原创 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
833
转载 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
858
转载 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
724
转载 Jquery 使用手册-------动态效果
动态效果 在将这部分之前我们先看个例子,相信做网页的朋友都遇到n级菜单的情景,但点击某菜单按钮时,如果它的子菜单是显示的,则隐藏子菜单,如果子菜单隐藏,则 显示出来,传统的javascript做法是先用getElementById取出子菜单所在容器的id,在判断该容器的style.display是否 等于none,如果等于则设为block,如果不等于这设为none,如果在将效果
2013-03-15 13:02:48
803
转载 Jquery 使用手册-------JavaScript处理
JavaScript处理$.browser() 判断浏览器类型,返回boolen值$(function(){ if($.browser.msie) { alert("这是一个IE浏览器");} else if($.browser.opera) { alert("这是一个opera浏览器");}})当页面载入式判断浏览器类
2013-03-15 13:01:40
739
转载 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
841
转载 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
788
转载 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
1350
原创 解决表格设置table-layout:fixed后单元格宽度设置无效的方法
在对设置表格设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。如果把表格的合并行去掉,又能正常显示。原因:table-layout: fixed 的表格,各列宽度由第一行决定,后面指定的宽度会被忽略。你第一行合并了,所以各列宽度均分了。解决方法一:在tbody前加解决方法二:设置一个隐藏的行来规
2013-03-13 10:21:54
11365
原创 jQuery基础 - 改变CSS样式
jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码:$("#61dh a").css('color','#123456');//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。//.css(‘color
2013-03-11 13:48:43
1117
转载 请编写一个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
2191
转载 Flash of Unstyled Content (FOUC)(这个一直困惑我的迷)
什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这似乎不可想象,我将这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.因为这种奇怪的现象似乎只会在Internet Explorer中出现,
2013-02-19 15:21:58
1911
转载 [linux] 如何在vim里面把空格缩进改为tab缩进
有些同学喜欢用空格做缩进。因此很多代码的行首都带有连续重复的空格,有些是四个空格,有些甚至是八个空格。真是叔叔可忍婶婶不可忍。vim有一些retab之类的选项可以对所有vim处理的文档做缩进转换,不过那太野蛮了,我们不打算让vim自动处理所有文件。因此比较合适的方式是手动的来做这种转换。可以在vim里面使用如下命令::%s/ /\t/g 解释:开
2013-02-19 15:10:23
876
原创 GET和POST可传递的值到底有多大?
我的常识里面get最大传递的值为256b,post 是2M。这是很久以前不知在哪看到的。于是又百度一下。看到两篇文章装过来看看:浅谈 HTTP中Get与Post的区别GET方式传值的最大长度都有些道理。引用其中一些观点:get 首先是"GET方式提交的数据最多只能是1024字节",因为GET是通过URL提交数据,那么GET可提交的数据量就跟URL的长度有直接关系 了。而实际
2013-02-18 17:25:09
1478
转载 前端开发工程师面试题
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
2854
转载 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
819
转载 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
529
原创 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
707
原创 PHP5中的魔术方法
从PHP 5以后的版本,PHP中的类就可以使用魔术方法了。其规定以两个下划线(__)开头的方法都保留为魔术方法,所以建议大家函数名最好不用__开头,除非是为了重载已有的魔术方法。 1、__get、__set 这两个方法是为在类和他们的父类中没有声明的属性而设计的。 ◆__get( $property ) 当调用一个未定义的属性时,此方法会被触发,传递的参数是被访问的属性名。
2013-02-18 16:08:21
669
转载 notepad++的学习笔记
notepad++是一个非常好用的代码编辑器。现在来学习一下怎么样更好地用它。 首先,真正地认识notepad++是从这一幅图开始。这个是什么呢?没错,这个是添加了zen coding插件的notepad++,这个对于编写网页代码来说是非常有用的。具体教程可看:zen coding+notepad++速写html代码实例。当然,这个插件也有面向DW的,在DW中运行的话会更有用,不过D
2013-02-18 13:54:35
1228
转载 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
949
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人