zhailulu-优快云博客

原创 css布局的瀑布流

css布局的瀑布流公司的同事说网站的瀑布流加载好慢，让我优化一下。其实我也不知道从哪里下手，改别人写的代码真头疼！本职工作头疼也得干！呵呵发现公司的网站的瀑布流布局是利用position:absolute;然后通过动态计算top，left绝对定位。之前做过类似的效果，应该css就可以搞定的吧！不需要惊动javascript！改不好别人的代码，那就重新写一个。嘻嘻

2013-06-08 16:55:18 3481

原创 Google Map JS API v2要升级啦

Google Map JS API v2要升级啦在做项目的时候发现公司的谷歌地图javascript版本是v2的，当时也没多想，后来想想还是建议领导升级吧！升级总该有个确切的理由，本人对v2不太了解。喜欢新鲜事物，有v3的我就不会关注v2的总觉学旧的东西不需要花很多时间，旧的很快就会被淘汰的。还不如多花点时间学习新的事物，新的思维模式。跑题了，嘻嘻！想了一下，先查查这v2到底能用

2013-05-02 15:30:59 844

原创 Google Map V3 Javascript计算两个marker之间的距离

Google Map V3 javascript计算两个marker之间的距离做地图开发，最常用到的就是marker一些操作和交互。简单介绍一下，两个marker之间的距离计算。google map api 很方便的只要是常用的基本上都有接口。1.创建两个marker点var oldMarker = new google.maps.Marker({ posit

2013-04-26 09:38:18 1523

原创 Google Map V3 Javascript API 入门教程

Google Map V3 javascript API 入门教程昨天加了个google map开发群，发现好多人都做这方面的开发，国内教程不多。Google Map 的API有很多类型的。本人做web开发的，所有研究的是javascript API。整理一个入门简单的教程。V2的版本已经停用了。现在是V3版本的，我觉的最大的好处就是不用申请密钥了！哈哈，很方便啊！

2013-04-18 15:22:04 1608

原创 Google Map V3 绑定气泡窗口(infowindow)Dom事件方法

在调试功能模块时候，发现怎么用什么方法都无法在infowindow里面添加的div进行绑定事件处理。郁闷啊！上网搜了好多方法也没用，后来想想还是查了一下官方的API，发现了google.maps.InfoWindow下面的Events里面有个domready事件官方解释： This event is fired when the containing the InfoWin

2013-04-15 10:55:20 1139

原创基于jquery简单的遮罩层overlay小插件

基于jquery简单的遮罩层overlay小插件上网看见一网友用js写了一个简单的小插件，自己没动手写过。于是打算练练手，用jquery写一个！嘻嘻写的不好，不要见怪。花了大概两个小时。有bug可有留言告诉我！效果图：原文：http://www.yrzhll.comDemo:http://www.yrzhll.com/example

2013-04-09 16:13:30 2181

原创自定义鼠标样式--cursor

写正文之前总喜欢说几句废话，其实本人的博客上的问题一般都是在工作当中遇见的，为了避免忘记，还是写出来的好点！都是细节部分，虽然几乎没人看！就当自己的笔记，便于以后查找！嘻嘻。。。。。这个也是产品的一个要求，要求图片切换脚本，放在大图中会有一个放大镜的效果出来。脑子一转，放大镜，直接把鼠标样式换成放大镜的图片不就行了，之前大学的时候喜欢把自

2013-03-28 11:25:20 1396

原创 Jquery简单Tabs选项卡

好久没等csdn 自己搭了博客（www.yrzhll.com）,家里没网最近更新的比较少！上源码 *{margin:0px;padding:0px;}body{background:#fff;} .tabs{ width:500px; height:500px; margin:40px auto; } .head ul{} .tit

2013-03-21 17:13:22 906

原创简单的Tab选项卡

好久没登csdn的博客了，自己搭了一个但是家里没网最近没更新！先在这上面发表把

2013-03-21 17:04:21 114

原创 googleMap中虚线的绘制方法

在做项目中碰到要绘制预测路径，这种一般都是用虚线绘制。查了好久没弄出来，后来在一同事的推荐发现了googleMap的一个官方网站有这种绘制demo，总结一下供大家借鉴代码供上function drawPrePath(array,color){ var sorrow={ path: google.maps.SymbolPath.FORWARD_CLOSED_

2012-12-27 11:19:44 2172

原创 google earth IE8下面height：100%；不起作用

在项目中遇见了改问题 earthBox height 100%不起作用。解决办法：很简单将html,body,.earthBox{height:100%;},父节点的高都设为100%；

2012-10-26 14:55:45 1579

原创 google earth 中有关浮动层的添加问题

最近项目需要google earth有关的技术点，遇见了要在google earth上面添加浮动层的问题。怎么设置z-index也没发使得元素在earth上面显示，总是被压下去。补充：google map没有此类问题，设z-index就可以控制浮动层的位置。查了好多资料，才发现也有其他人遇见。好像是google earth固有的“缺陷”。解决办法：

2012-10-26 14:43:57 2008

翻译 google closure Compiler 官方教程翻译（部分）（压缩js）

1.创建一个目录（文件夹）叫closure-compiler2.下载closure-compiler的文件compiler.jar ，然后保存在closure-compiler文件夹里3.创建一个hello.js // A simple function.function hello(longName) { alert('Hello, ' + longName);}

2012-07-06 13:43:09 2918

转载 HTTP状态码详解

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

2012-05-24 09:32:08 501

转载带语音搜索的搜索框---HTML5

在网上看见别人总结的带语音的搜索框，觉的又神奇又简单方便，收了！嘿嘿在你的网页里面加上一句简单的代码就可以了 type="text" placeholder="输入回车搜索" autofocus x-webkit-speech>简短的几个代码就能实现原本多行JS才能实现的完美交互效果，这就是HTML5略窥一点的赞！placeholder是为了设置初始值

2012-05-24 09:29:49 2844

转载 jquery 命名冲突解决方案

学习技术网站上的文章，自己大概总结了一下！1.将$的控制权让给其他框架 jQuery.noConflict(); jQuery(function(){ jQuery("p").click(function(){ }) ; }); $("pp").style.display="no

2012-05-02 15:13:14 1342

原创 2012年春节我的购火车票攻略

个人觉的能网购火车票是社会的一大进步，比去排队方便多了！虽然对于农民工兄弟是要吃亏点，社会要进步的啊！再说相应的政府也考虑到了农民工买票问题已经开通了团体票的购票渠道！废话少说，先说我的购票方法吧！ 1.注册：本人已经提前一个多月就把账号给注册好了，方便买票。 2。熟悉购票平台：当然要提前熟悉系统平台了，将买票的

2012-01-10 13:53:14 1632 2

原创 webkit内核的滚动条样式

项目当中用到的滚动条样式，在别人的基础上调成适合自己的样式。（IE可以调试滚动条样式，firefox目前不能调试） ::-webkit-scrollbar { width: 14px; }/* Track & scroll thickness */ ::-webkit-scrollbar-track { background-color:#ddd; }/* Track col

2011-12-30 15:11:03 7463

原创一些CSS3的新特性 IE兼容的方法收集（补充中）

收集一下，以免以后忘记了！ 1.线性渐变色 background: -webkit-gradient(linear,left top,left bottom,from(#0D85BC),to(#0A73A4)); /*chrome,sarfrai*/background: -moz-linear-gradient(top,#0D85BC,#0A73A4); /

2011-12-30 13:26:34 1023

一些CSS3特性兼容IE浏览器的写法

1.渐变色 2.旋转角度： .pointleft { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rot

2011-12-30 12:06:03 268

转载 HTML特殊字符大全

HTML的特殊字符我们并不常用，但是有的时候却要在页面中用到这些字符，甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在，国外的设计师Neal Chester整理了一份很全的特殊字符集，我觉得这很赞～～，共享出来供大家查阅吧。使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；下面符号列表的后面有两列编号，它们并不太一样，第一列是用

2011-12-30 11:17:38 3301 1

原创 js截取相应的域名----正则匹配法和校验Url 正则表达式

用javascript截取相应的域名方法两种，供大家参考 1.方法1： function domainURI(str){ var durl=/http:\/\/([^\/]+)\//i; domain = str.match(durl); return domain[1]; }调用：var domain=domainURI(d

2011-11-23 18:50:44 14224 2

原创 css3 ----input focus的发光效果

在做项目时想做个input focus的效果，感觉很帅！上网搜集了一些资料，整理一下！加工成我的发光效果！哈哈看着不错，跟大家分享一下啊！补充：chrome下input focus默认有个黄色的光影，如果不想要的话可以在css样式中添加一下 input：focus{ outline:none; } 就可以去掉了！我的样式代

2011-11-16 10:55:01 15051

原创 js动态调用css属性的小规律和特例

刚才看到一篇好的文章介绍js调用css属性，( ^_^ )不错嘛！免的自己忘记，总结到自己的博客里！(*^__^*) 嘻嘻……1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中

2011-11-02 14:06:46 864

原创原生态 JavaScript 动态创建任意行数和列数的表格简单脚本（简单Table ，object）

前段时间用Jquery框架，把原生态Javascript都忘得差不多了！最近不怎么忙，在重新熟悉一下！O(∩_∩)O哈哈~ （本人参加工作才一年多，写的不好还请见谅！） HTML: table *{ margin:0px; padding:0px; }

2011-11-01 15:38:50 3366 1

原创 Highcharts 中基本饼图的简单介绍----JavaScript互动图表框架

今天工作不是很忙，向大家推荐一个javascript的图表框架（HighCharts），该框架的兼容性做的很好，目前主流浏览器均兼容（IE6-9，chrome，firefox，opera等）该框架是利用纯javascript创建Svg元素进行画出相关的一系列图表，支持线性，区域，柱状，饼状，散点图等类型。先介绍一个基本的饼图吧

2011-10-28 15:26:39 5980

原创我们俩之间的经典对话

他：如果以后你嫁给我，我有外遇了你咋办？我：简单，那我也搞外遇，还要拿你的钱去养小三！气死你！我：你先想想你喜欢什么，找你喜欢的工作！他：我想了半天发现最喜欢的是你！我：。。。。。。我：好吧，那就让我幸福一辈子吧！这就是你的工作！他：为啥非要男方买房子？我：可以，我买！那我娶你，以后孩子跟我姓！他：。。。。。。。我：你到底

2011-10-26 14:14:06 679

原创 CSS3 Transition 元素hover上变大的一系列效果（仿大前端导航）

二话不说，先贴上代码，这个简单的动画我花了几分钟就写好了！(*^__^*) 嘻嘻……自恋一下啊 Scale .wrap{ background:#FFFFFF; width:200px; height:50px; border:1px solid #CCCCCC;

2011-10-21 18:41:16 6525

原创 css3元素简单的闪烁效果（html5 jquery）

css3 Animation: @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /

2011-10-11 11:45:57 10081 2

原创数字时钟（jquery javascript）

Javascript代码： function systemDate(){ //获取系统时间 var date=new Date(); var month=date.getMonth()+1; //month默认0-11，

2011-10-10 14:14:25 97

原创数字时钟（JavaScript ，JQuery）

Javascript： function systemDate(){ //获取系统时间 var date=new Date(); var month=date.getMonth()+1; //month默认0-11，所以要加

2011-10-10 14:09:24 2500

原创图片垂直居中的问题解决

如果一行文字后面紧跟着一张图片，文字和图片位置不一致！要想使文字和图片对齐，在img中加入css属性：vertical-align:middle; 就可以解决了！~\(≧▽≦)/~啦啦啦记下来！免的自己忘记了！

2011-09-29 10:43:02 4986

原创 Jquery Table 分页插件（小插件--自己写的）

css代码： .page a{ text-decoration:none;} .page a span{ padding:4px 16px 4px 16px; border:1px solid #AAAAEE; color: #1155BB; font-size:12px; font-weight:bold; font-family: 'helvetica ne

2011-08-09 14:44:37 8751

原创解决motolola me525短信发不了的问题

拨号状态输入*#*#4636#*#* 选择”手机信息“ 拉屏至最下找到SMSC。点击刷新Refresh即出现短信中心号码。然后选更新Update.按返回退出至桌面。最好还是重启一边，短信中心设置号码最好问10086，例如：上海--- +8613800210500 即可！！！

2011-07-27 14:30:20 1349

HTML5 hidden属性是个boolean属性。所有HTML元素可以设置hidden属性，可设置值true或false，当设置为true时浏览器将不渲染该元素。当设置为false则渲染该元素。相比之前用的display：none/block要方便快捷多了。 例如： <!DOCTYPE HTML><html><head> <meta charset="utf-8"/> <title><title></head><div c

2011-04-27 15:44:00 11547

原创简单介绍html5新增的语义化标签

分析一下上一篇有关html5语义化网页的代码： html5新增的语义化标签：标签定义外部的内容。标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。标签用于描述文档或文档某个部分的细节。标签定义 figure 元素的标题。标签用于对元素进行组合。标签定义文档的页眉（介绍信息）。标签用于对网页或区段（section）的标题进行组合。标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。标签包含 details 元素的标题，

2011-03-29 15:17:00 2709

原创简单html5语义网页结构（chrome，firefox4支持最好）

自己在工作之余，整理了一下有关html5网页的新语义化标签。例如：header,footer aside,hgroup等新标签。经测试pc上是chrome和firefox4支持最好，opera几乎不支持。感兴趣的同学可以拷贝测试一下，测试后记得给我指教指教，留点意见。谢了，O(∩_∩)O~html5 web 结构

2011-03-29 12:17:00 1939

原创解决chrome网页字体小于12的问题

最近在做项目时，发现chrome网页字体设为小于12的时候，仍然和12字体保持一样大小。解决办法如下： 在css文件里加入： html{-webkit-text-size-adjust:none;}/*chrome font-size<12px */ 即可解决此问题。(*^__^*) 嘻嘻……

2011-03-28 11:25:00 2130

转载 html5特征检测

return !!document.createElement('audio').canPlayType; in MP3 formatvar a = document.createElement('audio');return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, '')); in Vorbis formatvar a = document.createElement('audio');ret

2011-02-23 18:08:00 1159

原创 Javascript 收集浏览器的信息

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"/> <title>jstest</title> </head> <body> <mce:script type="text/javascript"><!-- var x = navigator;document.write("CodeName=" + x.appCodeName);document.write(" ");docume

2011-02-21 17:54:00 610

chromedriver（linux32 linux64 win32 max32）

2014-08-14

取颜色工具 getcolor

一个很好用的取色的小工具，很方便的！取颜色工具 getcolor

2011-08-30

世界地图 svg

世界地图 svg 世界地图 svg 世界地图 svg

2011-03-28

Firefox4 windows 简体中文版

Firefox 4 windows 简体中文版Firefox 4 windows 简体中文版Firefox 4 windows 简体中文版最新的Firefox 4 windows 简体中文版

2011-03-24

html5学习手册（英文版）

html5学习手册（英文版）html5学习手册（英文版）html5学习手册（英文版）html5学习手册（英文版）

2011-02-10

html5 学习手册 pdf

html5 学习手册 pdf html5 学习手册 pdf html5 学习手册 pdf

2011-02-09

中国地图 Chinamap svg 格式的

中国地图 Chinamap svg 格式的中国地图 Chinamap svg 格式的中国地图 Chinamap svg 格式的中国地图 Chinamap svg 格式的

2011-01-25

Android中文教程

Android中文教程.pdfAndroid中文教程.pdfAndroid中文教程.pdfAndroid中文教程.pdf

2010-11-10

DHTML HTML手册

DHTML手册DHTML手册DHTML手册DHTML手册DHTML手册DHTML手册

2010-11-10

FreeBSD Vim 常用命令

FreeBSD Vim 常用命令很好的资源

2010-11-05

Flex_3.2_API.chm

这个资源已经坏掉了，不要骂我了。。。。。。。我也不是故意的

2010-09-08

roadsend-php-2.9.8.tar.tar

Roadsend PHP is a free, open source implementation of the PHP language. It includes a compiler that produces native binaries (no interpreter required). Roadsend Compiler can build online web applications with Fast/CGI, offline web applications with an embedded web server (MicroServer), and console applications.

2010-09-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人