代码改变世界

随笔分类 - 原创

Python学习笔记 第二部分 - 正则表达式 与 爬虫小实例(抓取豆瓣电影中评分大于等于8分的影片)

2013-02-04 20:29 by VVG, 2445 阅读, 收藏, 编辑
摘要:一、正则表达式 python正则常用的函数和方法 compile(pattern,flags=0) 对正则表达式pattern进行编译,flags是可选标识符,并返回一个regex对象 match(pattern,string,flags=0) 尝试用正则表达式模式pattern匹配字符串string,flags是可选标识符,如果匹配成功,则返回一个匹配对象;否则返回None search(pattern,string[,flags]) 在字符串string中搜索正则表达式模式pattern的第一次出现,flags是可选标识符,如果匹配成功,则返回一个匹配对象;否... 阅读全文

HTML5 Canvas 绘制时钟

2013-01-29 15:47 by VVG, 6474 阅读, 收藏, 编辑
摘要:demo演示:用到的一些绘制方法说明:context.translate(x,y)方法,重新设置画布的坐标源点,设置后,x,y坐标处为变为起始坐标(0,0);context.arc(圆心x坐标, 圆心Y坐标, 圆半径, 起始弧度,结束点弧度, 是否顺时针)方法绘制圆形,或者圆弧;context.rotate(弧度) 方法接受一个弧度制参数,旋转画布,然后绘制图形,相当于给绘制的图形旋转一个角度;context.save() 和context.restore() 方法,记录起始状态和回复状态context.fillRect(矩形左上角X坐标,Y坐标,宽度,高度): 绘制矩形context.fil 阅读全文

Python学习笔记《Python核心编程》第13章 面向对象编程

2013-01-28 20:05 by VVG, 4485 阅读, 收藏, 编辑
摘要:类: 类与函数的声明很相似,如下:class ClassName(object): 'class documentation string' #类文档字符串 class_suite #类体类属性: class c(object); foo = 100 #类属性,也就是静态属性,直接通过类名引用,不通过过实例 print c.foo # 100类方法: class MyClass(object): def myNoAct... 阅读全文

Python学习笔记《Python核心编程》第11章 函数和函数式编程

2013-01-26 15:50 by VVG, 3080 阅读, 收藏, 编辑
摘要:如果函数没有返回值。则函数的返回值为None。函数可以返回一个值或者对象。 def foo(): return ['xyz',1000000,-98.6] def bar(): return 'abc',[12,'python'],'Guido' #其实返回的是一个元组。省略了圆括号('abc',[12,'python'],'Guido') 用圆括号来调用函数。如:bar() foo() 关键字参数:允许参数缺失或者不按顺序,解释器能通过给出的关键字来匹配参数的值。如: def fo 阅读全文

Python学习笔记《Python核心编程》第9章 文件和输入输出

2013-01-22 22:17 by VVG, 11386 阅读, 收藏, 编辑
摘要:9.1 文件内建函数 open() 内建函数成功打开文件后返回一个文件对象,否则引发一个错误。基本语法: flie_object = open(file_name,access_mode='r',buffering=-1) file_name 是包含要打开的文件名字的路径,可以试相对路径或者绝对路径。可选变量access_mode是一个字符串,代表文件打开的模式。 文件使用‘r’,‘w’,或者是‘a’模式来代开,代表读取,写入和追加,还有一个‘U’模式,代表通用换行符支持 ,另外一个可选参数buffering用于指示访问文件所采用 的缓冲方式,其中0表示不缓冲,1表示只缓冲.. 阅读全文

Python学习笔记《Python核心编程》第8章 条件和循环

2013-01-21 22:01 by VVG, 957 阅读, 收藏, 编辑
摘要:if 语句 由三部分组成:关键字本身,用于判断结果真假的条件表达式,以及当表达式为真或者非零时执行的代码块: if expression: expr_true_suite可以通过使用布尔操作符and or not 实现多重判断条件 if not warn and (system_load >= 10): print "WARNING:losing resources" warn +=1如果以个复合语句的代码块仅仅包含一行代码,那么可以写在 一行上 if make_hard_copy:send_data_to_printer()else 语句 if expres... 阅读全文

Python学习笔记《Python核心编程》第7章 映像和集合类型

2013-01-20 21:06 by VVG, 937 阅读, 收藏, 编辑
摘要:7.1 映射类型:字典 7.1.1 创建字典和给字典赋值 dict1 = {} dict2 = {'name':'earth','port':80} 也可以用工厂方法来创建字典:fdict = dict((['x',1],['y',2])) => {'y':2,'x':1} 7.1.2 访问字典中的值 遍历字典: for key in dict2.keys(): print 'key = %s,value=%s' % (key,dict2[key]) #key 阅读全文

Python学习笔记《Python核心编程》第6章 序列:字符串、列表、元组

2013-01-19 21:03 by VVG, 1626 阅读, 收藏, 编辑
摘要:序列类型操作符 1、成员关系操作符(in、not in):用来判断一个元素是否属于一个序列。返回值为True/False。语法如下: 对象 [not] in 序列 2、连接操作符(+):允许我们把一个序列和另一个相同类型的序列做连接: sequence1 + sequence2 #推荐使用列表类型的extend()方法来把两个或者多个列表对象合并。 3、重复操作符(*),一个序列多份拷贝,语法如下: sequence * copies_int #copies_int必须为整型 4、切片操作符([],[:],[::]),这个操作符非常方便啊,javascrip... 阅读全文

Python学习笔记《Python核心编程》第5章 数字

2013-01-18 16:35 by VVG, 777 阅读, 收藏, 编辑
摘要:python 支持多种数字类型:整型、长整型、布尔型、双精度浮点型、十进制浮点型和复数。数字类型函数: 1、转换工厂函数 函数int()、long()、float() 和 complex() 用来将其他数字类型转换为相应的数值类型。 int(4.25555) #4 | int(obj,base=10) 返回一个字符串或者数值对象的整型表示 long(42) #42L | long(obj,base=10) 返回一个字符或者数据对象的长整型表示 float(4) #4.0 ... 阅读全文

JS Tween动画效果研究 : - )Tween公式使用

2013-01-16 17:20 by VVG, 12870 阅读, 收藏, 编辑
摘要:先看iframe一下DEMO:DEMO:点击直接查看Tween中的方法接受4个参数t,b,c,d 。返回值为计算后的当前位置.t => time(初始记步次数) b => begin(初始位置) c => change(变化量) d => duration(持续次数)如:Quad:{ easeIn:function (t, b, c, d) { return c * (t /= d) * t + b; }, easeOut:function (t, b, c, d) { ... 阅读全文

Python学习笔记《Python核心编程》第4章Python对象

2013-01-14 21:24 by VVG, 459 阅读, 收藏, 编辑
摘要:所有的python对象都拥有三个特性:身份,类型和值 身份:每个对象都有一个唯一的身份标识自己,可以使用内建函数id()来得到,这个值被认为是该对象的内存地址;——只读 类型:对象的类型决定了该对象可以保存什么类型的值,可以进行什么操作,可以用内建函数type()查看对象的类型,type()返回的也是对象(类型也是对象);——只读 值:对象标识的数据项python标准类型: 数字 Interger/整型 Boolean/布尔型 Long integer/长整型 Floating point real number/浮点型 Complex number/复数型 Strin... 阅读全文

Python学习笔记《Python核心编程》第3章Python基础

2013-01-13 21:39 by VVG, 724 阅读, 收藏, 编辑
摘要:语句和语法 井号(#)表示之后的字符为python注释; 换行(\n)是标准的行分隔符 反斜杠(\)继续上一行 分号(;)将两个语句连接在一行中 冒号(:)将代码块的头和体分开 语句(代码块)用缩进块的方式体现 不同缩进深度分隔不同的代码块 python文件以模块的形式组织。赋值操作符 等号赋值: x = 5 增量赋值: x = x + 1 ; x+=1; 多重赋值:x = y = z = 1 “多元”赋值:x,y,z = 1,2,'string' 或者 (x,y,z)=(1,2,'string') 多元赋值可以完成变量交换:x,y = 1,2; x,y = y 阅读全文

Python学习笔记《Python核心编程》第2章 快速入门

2013-01-11 21:41 by VVG, 1210 阅读, 收藏, 编辑
摘要:Guido van Rossum于1989年底创建python;Python源文件通常用.py扩展名。Python是按照字节编译的,其结果就是可以生成一种近似机器语言的中间形式。 官网:http://python.org,可以下载相关软件;输出:1、print语句:程序输出 print ‘hello World’;2、下划线 _ 在解释器中表示最后一个表达式的值;3、print语句与字符串操作符(%)结合使用,可实现字符串替换功能: print “%s is number %d!” % ("Python",1); # %s表示由一个字符串来替换,d%表示由一个整型来替换,f 阅读全文

HTML5 canvas banner广告编辑插件,canvas画图实例

2012-12-01 14:49 by VVG, 3403 阅读, 收藏, 编辑
摘要:请用谷歌或则火狐浏览器浏览!DEMO演示:点击演示DEMO下载:点击下载利用HTML5 canvas中的canvas.toDataURL 可以对画布进行输出操作,可以利用这个特性做出图像的裁剪功能以前要做裁剪操作需要传递数据到后端,如PHP,利用相应的图像操作函数操作保存!现在使用HTML5方便多了截图演示:输出图片:关键代码:1、使用FileReader读取FILE表单文件Filereader有下面几种方法,预览图片用到的是readAsDataURL。方法名参数描述abortnone中断读取readAsBinaryStringfile将文件读取为二进制码readAsDataURLfile将文 阅读全文

用Javascript replace方法完成代码高亮插件——支持JS\CSS\HTML(支持html里面的JS,CSS)

2012-11-22 20:30 by VVG, 2685 阅读, 收藏, 编辑
摘要:看到语法高亮的帖子,然后下班路上想了一下,有一个具体的思路,但是不知道别人如何实现,总觉得自己想法会太复杂,主要就是用到Javascript的字符串的处理方法replace,然后利用正则表达式替换包裹HTML标签,全程都是字符串的处理,输出的也是字符串。先把自己实现的发上来,只是简单的字符串替换,复杂的情况还满足不了,特别是特殊的注释与正则表达式不能够很好的识别点击下载此代码演示如下:语法高亮在这里输入代码: .codePre span.lineComment { color: #808080; } .codePre span.lineComment span { color: #... 阅读全文

jQuery源码分析:jQuery对象属性设置(attr、access、$.attr)源代码分析

2012-11-02 16:04 by VVG, 2121 阅读, 收藏, 编辑
摘要:jQuery中设置对象属性有以下几种:1、获取属性attr(name) $("img").attr("src"); 2、设置属性attr(name,value)$("img").attr("src","test.jpg");3、批量设置属性attr(properties)$("img").attr({ src: "test.jpg", alt: "Test Image" });4、为所有匹配的元素设置一个计算的属性值,由这个函数计算的值 阅读全文

Javascript 瀑布流实现的两种方式:固定列数的浮动布局与绝对定位自适应宽度

2012-09-10 22:36 by VVG, 10039 阅读, 收藏, 编辑
摘要:瀑布流已经火了一段时间了,自己最近研究了一下,网上关于瀑布流的帖子也很多,网上一般是说三种方式,固定列数的浮动布局,CSS3列布局,绝对定位布局推荐两个关于瀑布流的帖子,写得比我详细多了:迅雷的:http://cued.xunlei.com/log031张鑫旭的:网址太长点我这里主要是记录一下我的实现方式,用数组模拟的数据,也可以用AJAX实现读取数据,底部提供DEMO代码下载!一、固定列数的浮动布局 这种方式简单适用,先按照列数把布局固定好,然后在滚动事件中分别在每一列插入相应的数据既可,代码比较简单: 其实就一个滚动加载事件。我这里没有做按高低排序。 点击查看DEMO演示 代码如... 阅读全文

常用关于 JavaScript 中的跨域访问方法

2012-08-15 11:44 by VVG, 4215 阅读, 收藏, 编辑
摘要:JS中的跨域是受到限制的,但是跨域有时候又是必须的,藉此,各种高手牛人想尽办法使得JS能够跨域获取数据,有的方法真的很巧妙在此记录一下常用的三种跨域方法,如下:一、不同子域名之间的(a.example.com|b.example.com)的跨域访问。 这种跨域调用比较常见,比如a.example.com 下的 a.htm 页面,需要调用 b.example.com 下的 b.htm页面里面的getData函数, 首先需要在a.htm页面中用iframe 框架把b.htm页面引用进来<iframe id="b" src="http://b.example.co 阅读全文

jQuery源码中的chunker 正则过滤符分析

2012-07-31 16:50 by VVG, 1629 阅读, 收藏, 编辑
摘要:var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,这是Jq中最长的一个正则了,也研究了很久,一直很懵懂,感觉还是通过调试,然后一步一步的分析值理解起来比较容易,我尝试做成图形比较直观一点,以不同的颜色区分了一下,如下图:分组一是通过以下代码逐一拆分成一个数组的: // 此处 阅读全文

系统总结了一下CSS布局方面的知识

2012-07-21 21:44 by VVG, 1684 阅读, 收藏, 编辑
摘要:一、两栏布局(左边固定宽度,右边自动适应)方法1、左浮动其中一个DIV,使其脱离文档流,另一个DIV不设置浮动即可。注意:DIV的顺序不能改变PS:设置浮动可以让元素脱离正常的文档流,使后面的元素占据浮动元素本身的位置。但是浮动元素只能影响后面的元素的位置,而不能够影响前面的元素,也不能叠加在前面的元素上。(view类样式只是为了层便于识别);.view{ height: 200px; background: #ccc;}#id1{float: left; width: 200px;}#id2{background: #666; } 侧边栏(float: left; width: 200... 阅读全文

javascript 打造城市选择控件,兼容IE6以及以上,谷歌,Firefox

2012-07-13 22:18 by VVG, 9333 阅读, 收藏, 编辑
摘要:在淘宝旅行上看到的城市选择效果,感觉还不错,就自己的理解重新实现一遍,先看效果,然后再细说实现原理,支持鼠标上下键选择城市,支持直接输入城市名称,拼音首字母,全拼,支持IE6遮盖SELECT,压缩后12K,Demo如下:修正1:IE9的BUG我查了有点莫名其妙,但是去掉.cityBox这个CSS里面的box-shadow: 2px 2px 3px rgba(0,0,0,0.3);这段CSS,就可以了。最新的修改过的JS,在底部贴出来了,下载的那个没有更新,如果要用请直接在下面复制代码!Demo出发城市: 到达城市: 我实现的步骤:一、先用一定的格式罗列出控件所需要的城市以及拼音等,我这里是按照 阅读全文

Javascript Lazyload延迟加载特效

2012-06-25 17:25 by VVG, 5381 阅读, 收藏, 编辑
摘要:Javascript Lazyload延迟加载特效,有效降低HTPP连接次数,提高首屏加载时间1、增加了图片预加载可选2、修改了图片本身就在可视范围的时候直接显示而不需要滚动条触发3、修改了Splice删除数组的时候,会跳过下一张图片BUG4、浏览器窗口resize的时候图片出现也会加载5、判断图片父层包裹顶部或者底部出现在可视范围内即可显示图片源代码在底部,效果如下:延时加载 主要代码如下:var Lazy = { $:function(arg,context){ var tagAll,n,eles=[],i,sub = arg.substring(1)... 阅读全文

JS制作简单的日历控件【JS Date对象操作实例演示】

2012-06-24 22:36 by VVG, 18386 阅读, 收藏, 编辑
摘要:JS制作简单的日历控件【JS Date对象操作实例】一直对JS 中的Date 对象不是很熟练,缺乏操作实践,端午节抽空复习了一下,做了一个简单的日期选择控件日历外观参考了淘宝旅行中的日期控件,控件只有基本功能,木有做节日显示:2012年7月14日 增加了IE6的selectBUG,遮挡问题,修改了两个日历能够同时出现的问题。使用方法:只需传入日期INPUT元素的ID即可,isSelect选项为是否为SELECT下拉选择年月设置var myDate1 = new Calender({id:'j_Date1'});var myDate2 = new Calender({id: 阅读全文

Javascript 拼图游戏,可以自定义图片拼图,可以设置无限关卡,拼图成功后含动画效果

2012-06-01 23:45 by VVG, 4982 阅读, 收藏, 编辑
摘要:基本就是拖拽功能的应用,其它鼠标事件绑定,距离的计算,动画等,也有很多细节问题,需要亲自做了才知道,支持IE系列,FIREFOX,chrome浏览器,IE6下可能有点卡。过关卡的时候需要下载下一张图片,如果网速慢则会暂时停止一下,稍等一会就可以接着下一关。玩到最后一关就可以自定义图片拼图了,只需要输入图片的地址就可以了!如果需要直接自定义图片,则用谷歌浏览器或者FIREBUG把隐藏的Id 为imgDiy 的层显示出来就可以了.DEMO演示:点击试玩源代码下载:点击下载IFREAME演示:就不解释了,我源代码里面的注释写得很清楚,有兴趣的可以看一下源代码,如下:<!DOCTYPE html 阅读全文

缓动与二次函数 抛物线图练习

2012-05-28 21:57 by VVG, 701 阅读, 收藏, 编辑
摘要:我们知道抛物线的公式为:y = ax^2 + bx + c(按经过原点的时候c为0)在这里我们可以把Y看成距离,x看成是时间,那么这个公式就是时间与位移的关系;可以通过已知的起点,和终点坐标,求出a、b的值,下面是已经求出a、b值的一个公式的显示图如果点击按钮没反应,请刷新S=-0.002t^2+2ty=ax^2+bxs(位移500px) t(时间778ms) moveMthod(移动距离,移动所需时间毫秒)源代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w 阅读全文

JS拖拽,移动与拉伸

2012-05-17 14:02 by VVG, 3349 阅读, 收藏, 编辑
摘要:上次做的简单的拖拽:javascript简单拖拽练习(鼠标事件 mousedown mousemove mouseup)这次增加了一些相关的功能,增加四个角的拉伸改变宽度,主要还是用到一些简单的坐标位置计算,没有什么技术难度,熟练了一下自己对拖拽的运用不晓得为什么粘贴到博客园上就不支持IE6了,直接在本地是支持IE6的,有个问题就是,鼠标点击的时候光标会变为选择文字的光标,不知道应该怎么处理这个问题呢?DEMO如下:按此处拖动中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间 内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容 阅读全文

原生javascript淡入淡出焦点图 + Jquery实现方法

2012-05-13 10:19 by VVG, 4251 阅读, 收藏, 编辑
摘要:淡入淡出焦点图效果类这里是缓动焦点图链接:JavaScript 缓动焦点图实现的几种写法 封装 + 函数式 + JQuery焦点图实现思路:原生JS的类的调用方式: var slider1 = new Slider({ id:'focus_pic', /**包裹图片的UL的ID**/ btnId:"focus_btn", //幻灯片按钮的ID,可以用来控制CSS显示 //step:5, //透明度变化步长,默认为2 autoTime:2000//自动播放间隔时间 });幻灯片的H... 阅读全文

Prototype1.4.0 源码解析

2012-05-10 16:26 by VVG, 2466 阅读, 收藏, 编辑
摘要:抽几天时间看了一下Prototype.js 的源代码,有些地方还没有彻底理解,但总算是扒完了。本来就不会用Prototype框架,所以对某些方法理解也是半知半解,带<?>的我都不敢确定。注释结合了一些实例,比较容易理解,有些地方上下结合的看起来有些费力,这里多亏webStorm 编辑器的ctrl+shift+i 的调出相关方法的功能非常好用,看完也算对Prototype有一些初步理解,对里面的枚举对象印象深刻,ajax部分有些绕还需多读几遍,总体还是迷迷糊糊,请大家有空挑挑错!/* Prototype JavaScript framework, version 1.4.0 * (c 阅读全文

Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据

2012-05-06 12:31 by VVG, 4785 阅读, 收藏, 编辑
摘要:前几日做了表单验证的控件,近日做了一些修改,增加了AJAX的简单验证,AJAX的提交,后台程序使用PHP+MYSQL,所以又对此文进行修改,表单验证部分基本没变,修改了以前的一个小BUG,对JS代码做了分离到一个JS的文件的处理。-----------------------------------------------------------------------------------------------------构造函数需要传递三个参数,一个是对应form的ID,另一个是options对象(包含匹配的正则表达式,和出错提示),最后一个是表单Ajax提交的URL,带URL的时候按 阅读全文

原创JS模拟Alert弹出框效果--自定义CSS样式

2012-04-26 11:35 by VVG, 45510 阅读, 收藏, 编辑
摘要:由于系统默认alert弹出窗口不能自定义样式,有可能不符合网站的风格,虽然网上应该有很多这样的JS但是还是自己写的比较放心,顺便练习一下对DOM的操作支持IE6下的SELECT不能遮罩的问题,谷歌支持圆角,IE6下就比较丑了,四四方方的,不过可以自定义自己喜欢的样式听取建议后,修改了position:fixed, IE6下用hack处理了。点击看效果:点击模拟Alert弹出框点击模拟Alert弹出框点击模拟Alert弹出框所需CSS: <style type="text/css"> #alertMsg { display: none; ... 阅读全文

原创JS图片放大效果(二) — 多图点击切换,鼠标移上放大

2012-04-25 11:58 by VVG, 10796 阅读, 收藏, 编辑
摘要:继javascript 简单的图片放大效果(一)之后,把这个效果完善了一下,支持多图轮流切换,如下:本次采用代码封装到一个对象的模式,和第一次函数式写法不一下,这样更清晰,添加自定义属性更方便,全部代码如下:大图的地址用自定义属性的方式显示在<img>标签如<li><img src="images/small.jpg" width="70" height="70" zoom="images/big.jpg"></li><!DOCTYPE html PUBLIC 阅读全文

javascript 简单的图片放大效果(一)

2012-04-07 18:21 by VVG, 2627 阅读, 收藏, 编辑
摘要:图片放大实例 HTML源代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u 阅读全文

javascript简单拖拽(鼠标事件 mousedown mousemove mouseup)

2012-04-02 17:48 by VVG, 25535 阅读, 收藏, 编辑
摘要:javascript简单拖拽简单拖拽实现mousedown 的时候创建拖动对象,mouseup的时候释放对象,原理弄清楚了其实很简单。简单拖拽实现代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equi 阅读全文

javaScript模拟select下拉菜单,满足自定义select样式的需求+jquery实现

2012-03-31 17:46 by VVG, 2555 阅读, 收藏, 编辑
摘要:SELECT列表选择不支持样式设置,抽空用JS模拟了一个SELECT的样式,如下:下拉菜单样式模拟,模拟下拉菜单下拉菜单样式模拟,模拟下拉菜单代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equi 阅读全文

JavaScript Tag标签切换实现的几种方法 原生js + jquery

2012-03-28 11:51 by VVG, 8288 阅读, 收藏, 编辑
摘要:Tab标签切换 效果图:HTML部分:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; chars 阅读全文

CSS布局:三栏布局,中间栏固定宽度,左右两边自适应

2012-03-27 14:31 by VVG, 1657 阅读, 收藏, 编辑
摘要:被这样一个题目的布局难住了,回来思考了一下,只能想到JS控制,今天在群里面咨询了一下,@狄烁STEC提到一个很好的方法, 很好代码如下:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS</title><style type="text/css">body{padding:0;margin: 阅读全文

CSS布局技巧之多列同高方法

2012-03-27 11:11 by VVG, 1990 阅读, 收藏, 编辑
摘要:CSS多列布局同高如下所示:CSS实现三列DIV等高布局这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。三列DIV等高这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还 阅读全文

css清除浮动各方法

2012-03-09 14:47 by VVG, 188 阅读, 收藏, 编辑
摘要:(1)空标签法: 这种方法应该说是最简单的一种了,W3C建议在容器的末尾增加一个“clear:both"的元素,强迫容器适应它的高度以便装下所有的float,并没限制使用什么样的标签,有用<br style=”clear:both”/>的,有用空<div style=”clear:both”></div>的;比如:<div> <div style ="float:left; width:40%;"> <p> Some content </p></div> <p&g 阅读全文

JavaScript实战游戏--贪吃蛇

2012-03-04 16:15 by VVG, 630 阅读, 收藏, 编辑
摘要:步骤: 1、DOM创建地图 2、创建蛇 3、创建食物 4、方向键控制蛇移动 5、蛇遇到食物,蛇身赠长,创建食物 6、游戏结束的两种方式:撞墙和撞到自身 点击此处游戏 点以下界面并按任意键开始游戏: 代码:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>贪吃蛇游戏</title></head><body onLoad 阅读全文

关于正则表达式的简单引用

2012-01-10 09:57 by VVG, 234 阅读, 收藏, 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文

Js操作表格-对表格单元格的添加删除修改

2012-01-05 15:02 by VVG, 4683 阅读, 收藏, 编辑
摘要:动态表格动态表格彻底研究对表格单元格的添加删除修改并对其进行移动以及拷贝等操作,是目前应用开发中常用的技术 111122223333444455556665677777778888877999999999910101010<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199 阅读全文

Js选择框脚本 移动操作select 标签中的 option 项的操作事项

2011-12-31 15:04 by VVG, 1681 阅读, 收藏, 编辑
摘要:题目:在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。如下:在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。此问题需用到选择框脚本的一些关键属性:add(newOption,relOption):向控件中插入新的<option>元素,其位置在置顶项(relOption)之前,不指定relOption就添加到最后;options:控件中所有<option>元素的集合;remove(index):移除给定位置的选项;selectedIndex:当前选择项的索引,没选时值为-1,多远时只保存选项中的第一个 阅读全文

三栏布局-两边固定,中间自适应,中间层优先显示

2011-11-23 14:37 by VVG, 403 阅读, 收藏, 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

CSS 在IE浏览器与Firefox浏览器 中显示的一些区别

2011-11-22 09:56 by VVG, 332 阅读, 收藏, 编辑
摘要:记录以使自己不忘!!CSS 在IE浏览器与Firefox 浏览器中显示的一些区别:1、padding、border 的值在IE中不会计入宽度,而在Firefox中会计入宽度。2、margin:0 auto; 在IE6下不居中与代码有关,头部添加如下代码则会居中。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h 阅读全文