Web 开发
zhailulu
前端工程师
展开
-
解决火狐网页居中
<br /> 火狐网页居中跟其他的浏览器都不太一样,解决火狐浏览器网页居中的问题看我的代码:<br />eg:<br />.registerForm{border:1px solid #DEDEDE;text-align:center;}<br />.registerForm *{margin:auto; }<br />只需要在你所添加的样式下面添加:<br /> eg<br /> .registerForm *{margin:auto; }<br />问题就自然解决了原创 2010-10-29 13:57:00 · 1559 阅读 · 0 评论 -
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 · 8738 阅读 · 5 评论 -
HTTP状态码详解
状态代码状态信息含义100Continue初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新)101Switching Protocols服务器将遵从客户的请求转换到另外一种协议(HTTP 1.1新)200OK一切正常,对GET和POST请求的应答文档跟在后面。转载 2012-05-24 09:32:08 · 495 阅读 · 0 评论 -
带语音搜索的搜索框---HTML5
在网上看见别人总结的带语音的搜索框,觉的又神奇又简单方便,收了!嘿嘿在你的网页里面加上一句简单的代码就可以了 type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech>简短的几个代码就能实现原本多行JS才能实现的完美交互效果,这就是HTML5略窥一点的赞!placeholder是为了设置初始值转载 2012-05-24 09:29:49 · 2827 阅读 · 1 评论 -
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 · 2910 阅读 · 1 评论 -
google earth IE8下面height:100%;不起作用
在项目中遇见了改问题 earthBox height 100%不起作用。 解决办法:很简单 将html,body,.earthBox{height:100%;},父节点的高都设为100%;原创 2012-10-26 14:55:45 · 1568 阅读 · 1 评论 -
google earth 中有关浮动层的添加问题
最近项目需要google earth有关的技术点,遇见了要在google earth上面添加浮动层的问题。怎么设置z-index也没发使得元素在earth上面显示,总是被压下去。 补充:google map没有此类问题,设z-index就可以控制浮动层的位置。 查了好多资料,才发现也有其他人遇见。好像是google earth固有的“缺陷”。 解决办法:原创 2012-10-26 14:43:57 · 1991 阅读 · 0 评论 -
googleMap中虚线的绘制方法
在做项目中碰到要绘制预测路径,这种一般都是用虚线绘制。查了好久没弄出来,后来在一同事的推荐发现了googleMap的一个官方网站有这种绘制demo,总结一下供大家借鉴代码供上function drawPrePath(array,color){ var sorrow={ path: google.maps.SymbolPath.FORWARD_CLOSED_原创 2012-12-27 11:19:44 · 2096 阅读 · 2 评论 -
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 · 895 阅读 · 0 评论 -
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 · 1495 阅读 · 0 评论 -
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 · 1593 阅读 · 0 评论 -
Google Map JS API v2要升级啦
Google Map JS API v2要升级啦在做项目的时候发现公司的谷歌地图javascript版本是v2的,当时也没多想,后来想想还是建议领导升级吧!升级总该有个确切的理由,本人对v2不太了解。喜欢新鲜事物,有v3的我就不会关注v2的 总觉学旧的东西不需要花很多时间,旧的很快就会被淘汰的。还不如多花点时间学习新的事物,新的思维模式。跑题了,嘻嘻!想了一下,先查查这v2到底能用原创 2013-05-02 15:30:59 · 826 阅读 · 0 评论 -
jquery 命名冲突解决方案
学习技术网站上的文章,自己大概总结了一下!1.将$的控制权让给其他框架 jQuery.noConflict(); jQuery(function(){ jQuery("p").click(function(){ }) ; }); $("pp").style.display="no转载 2012-05-02 15:13:14 · 1328 阅读 · 0 评论 -
webkit内核的滚动条样式
项目当中用到的滚动条样式,在别人的基础上调成适合自己的样式。(IE可以调试滚动条样式,firefox目前不能调试) ::-webkit-scrollbar { width: 14px; }/* Track & scroll thickness */ ::-webkit-scrollbar-track { background-color:#ddd; }/* Track col原创 2011-12-30 15:11:03 · 7457 阅读 · 1 评论 -
一些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 · 1013 阅读 · 1 评论 -
Web开发中添加网页图标的方法
前段时间刚学会怎么在网页中添加网页图标,现在就迫不及待跟大家分享。 //网页小图标//地址栏左侧的小图标 本人也是菜鸟,希望对初学者有所帮助。原创 2011-02-09 11:59:00 · 4519 阅读 · 0 评论 -
数字时钟 (JavaScript ,JQuery)
Javascript: function systemDate(){ //获取系统时间 var date=new Date(); var month=date.getMonth()+1; //month默认0-11,所以要加原创 2011-10-10 14:09:24 · 2486 阅读 · 0 评论 -
css3元素简单的闪烁效果 (html5 jquery)
css3 Animation: @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /原创 2011-10-11 11:45:57 · 10071 阅读 · 2 评论 -
数字时钟 (jquery javascript)
Javascript代码: function systemDate(){ //获取系统时间 var date=new Date(); var month=date.getMonth()+1; //month默认0-11,原创 2011-10-10 14:14:25 · 85 阅读 · 0 评论 -
CSS3 Transition 元素hover上变大的一系列效果(仿大前端导航)
二话不说,先贴上代码,这个简单的动画我花了几分钟就写好了!(*^__^*) 嘻嘻……自恋一下啊 Scale .wrap{ background:#FFFFFF; width:200px; height:50px; border:1px solid #CCCCCC;原创 2011-10-21 18:41:16 · 6517 阅读 · 0 评论 -
css3 ----input focus的发光效果
在做项目时想做个input focus的效果,感觉很帅!上网搜集了一些资料,整理一下!加工成我的发光效果!哈哈 看着不错,跟大家分享一下啊!补充:chrome下input focus默认有个黄色的光影,如果不想要的话 可以在css样式中 添加一下 input:focus{ outline:none; } 就可以去掉了! 我的样式代原创 2011-11-16 10:55:01 · 15031 阅读 · 0 评论 -
Highcharts 中基本饼图的简单介绍----JavaScript互动图表框架
今天工作不是很忙,向大家推荐一个javascript的图表框架(HighCharts),该框架的兼容性做的很好,目前主流浏览器均兼容(IE6-9,chrome,firefox,opera等) 该框架是利用纯javascript创建Svg元素进行画出相关的一系列图表,支持线性, 区域,柱状,饼状,散点图等类型。 先介绍一个基本的饼图吧原创 2011-10-28 15:26:39 · 5969 阅读 · 5 评论 -
原生态 JavaScript 动态创建任意行数和列数的表格简单脚本 (简单Table ,object)
前段时间用Jquery框架,把原生态Javascript都忘得差不多了!最近不怎么忙,在重新熟悉一下!O(∩_∩)O哈哈~ (本人参加工作才一年多,写的不好还请见谅!) HTML: table *{ margin:0px; padding:0px; }原创 2011-11-01 15:38:50 · 3353 阅读 · 1 评论 -
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 · 848 阅读 · 0 评论 -
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 · 14121 阅读 · 2 评论 -
HTML特殊字符大全
HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用转载 2011-12-30 11:17:38 · 3294 阅读 · 1 评论