PHP技术,PHP研究及学习,Python学习,人工智能,大数据服务

文档归类:前端设计

js跳出循环的方法区别(break,continue,return)2013-06-21

跟许多多态语言一样,js也有break,continue,return 面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢?我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢?让我们开始介绍吧: js编程语法之break语句: break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。 由于它是用来退出循环或者switch语句,所以只有当它出现在这些语句时,这种形式的break语句才是合法的。 如果一个循环的终止条件非常复杂,那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。 for(var i=1;i<=10;i++)   {  if(i==6) {    break;  }  document.write(i);  }  当i=6的时候,直接退出for这个循环。这个循环将不再被执行! //输出结果:12345 js编程语法之continue语句: continue语句和break语句相似。所不同的是,它不是退出一个循环,而是开始循环的一次新迭代。 continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内,在其它地方使用都会引起错误! for(var i=1;i<=10;i++) ...

js正则判断文件后缀名,jquery 判断后缀名2013-06-21

做文件上传的时候通常要判断文件类型,但一般都是在提交之前判断,我一般是用js来判断的,用正则吧!正则很好用的! [js] // !/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/ 这句是正是的规则,判断文件的后缀是不是图片格式 if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(ths.value)) { alert("图片类型必须是.gif,jpeg,jpg,png中的一种"); ths.value = ""; return false; } [/js] 我已经在实际项目中使用了这个规则,目前还没有发现什么问题!若问题及时更新!...

网站网页底部设计的正确版权格式规范2013-07-05

今天某客户要求将网站的版权格式正规化,这样贴一下关于网站版权正确的书写格式。 少朋友的个人网站,有一个小问题,似乎很多朋友都忽略了,那就是版权声明的写法。虽然那只是一小行字,不过作为设计师也好,作为个人的爱好也好,版权的标志都是满重要的。 从法律角度看,加入了伯尔尼公约的国家,版权保护是随着作品(无论是文字,还是图片)的问世的即刻就得到版权的保护的,并不是必须要声明。但是作为惯例,这一小行文字还是有很好加强意识,提醒浏览者,所观看的内容是受到版权保护的。 正确的格式应该是:Copyright [dates] by [author/owner]© 通常可以代替Copyright,但是不可以用(c)。 All Rights Reserved 在某些国家曾经是必须的,但是现在在大多数国家,都不是法律上必须有的字样。 参见下面几个正确的格式: 以下为引用的内容: ©1995-2004 Macromedia, Inc. All rights reserved. ©2004 Microsoft Corporation. All rights reserved. Copyright © 2004 Adobe Systems Incorporated. All rights reserved. ©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved. 请注意标点符号和大小写的用法,这也是专业精神的一种体现。 现在流行some...

ie 下border bug2013-05-28

border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。 【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。 2.兼容性差异 兼容性差异只针对浏览器IE6、IE7与标签button、input而言,在win、win7、vista 的XP主题下均会出现此情况。 【border:none;】当border为“none”时似乎对IE6/7无效边框依然存在,如下例 【border:0;】当border为“0”时,感觉比“none”更有效,所有浏览器都一致把边框隐藏 总结: 1. 对比border:0;与border:none;之间的区别在于有渲染和没渲染,感觉他们和display:none;与visibility:hidden;的关系类似,而对于border属性的渲染性能对比暂时没找测试的方法,虽然认为他们存在渲染性能上的差异但也只能说是理论上。 2. 如何让border:none;实现全兼容?只需要在同一选择符上添加背景属性即可 对于border:0;与border:none;个人更向于使用,border:none;,因为border:none;毕竟在性能消耗没有争议,而且兼容性可用...
此文被围观1197 分类: 前端设计 标签:  ······

jquery 表单提交注意事项2013-05-27

今天在做jquery表单提交的时候没有反应,也不报错,这就有点怪了。 [js] $(function(){ $("#ok").click(function(){ $("form[name='myform']").submit(); }); }); [/js] 就是这样一个简单的代码,居然不能提交。 后来我将此代码修改了一下: [js] $(function(){ $("#ok").click(function(){ $("#myform").submit(); }); }); [/js] 这样就对了 原来jquery提交表单要用id...
此文被围观1898 分类: 前端设计 标签:  ·····

前端开发:滚动网页导航固定在顶部2013-05-08

新的一个项目要求:滚动网页,但是导航条固定在顶部。 主要是产品搜索页面!当产品列表很长时,搜索条件固定在顶部,提高用户的体验感! [html] <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="http://static.blog.csdn.net/scripts/jquery.js" ></script> <script type="text/javascript"> function dhDiv(ee1){ //导航距离屏幕顶部距离 var _defautlTop = $("#"+ee1).offset().top - $(window).scrollTop(); //导航距离屏幕左侧距离 var _defautlLeft = $("#"+ee1).offset().left - $(window).scrollLeft(); var _top = $("#"...

js判断浏览器类型2013-05-08

今天在做一个项目的时候需要对浏览器的类型进行判断,因为有一些CSS的属性IE下不识别,所以为了更好的提高用户的体验度,要分别设置不同浏览器! [js] var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { alert("MSIE"); } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ alert("Firefox"); } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { alert("Safari"); } if(isCamino=navigator.userAgent.indexOf("Camino")>0){ alert( "Camino"); } if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ alert("Gecko"); ...

js手机号码验证正则表达式,js正则验证2013-05-05

这个问题不知道写了多少次了,但是一直记不住! 由于手机号段的不断更新,以前的正则表达式已经无法满足需求。重新编写这条表达式,号段资料来源依据:http://www.von-line.com/hao.htm [js] var regex = { mobile: /^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/ } [/js] 表达式分析: “/”代表一个正则表达式。 “^”代表字符串的开始位置,“$”代表字符串的结束位置。 “?”代表匹配前面的字符一个或零个,所以这里0?的意思是手机号码可以以0开头或不以0开头。 接下的部分验证11位的手机号码,先从13开始,因为从130-139都有所以可选区间是[0-9],15开头的号码没有154所以[]里面没有4这个数字,当然也可以写成[0-35-9],下面18和14开的号码同上。 小括号括起来的代表一个子表达式,里面是4个可选分支分别用“|”来区分开来,在正则中“|”的优先级是最低的,这里每个分支匹配的都是3个字符(一个[]只能匹配一个字符,里面是可选的意思),也就是手机号码的前3位数字,那么后面还有8位数字需要匹配,可以是0-9的任意字符,所以是“[0-9]{8}”,{}中的数字代表匹配前面字符的个数。分析完毕。...

CSS3属性之一:border-radius css圆角2013-05-04

经常用到圆角,现在很多浏览器已经支持圆角了! 语法: border-radius : none | <length>{1,4} [ / <length>{1,4} ]? 相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius 取值: <length>:由浮点数字和单位标识符组成的长度值。不可为负值。border-top-left-radius:由浮点数字和单位标识符组成的长度值。不可为负值。  说明: 第一个值是水平半径。 如果第二个值省略,则它等于第一个值,这时这个角就是一个四分之一圆角。 如果任意一个值为0,则这个角是矩形,不会是圆的。 值不允许是负值。 radius,就是半径的意思。用这个属性可以很容易做出圆角效果,当然,也可以做出圆形效果。原理很简单,“正方形的内切圆的半径等于正方形边长的一半”。下面就做一个红色的圆。...
此文被围观1402 分类: 前端设计 标签:  ····

百度地图API调用,PHP地理位置定位2013-05-03

最近手头有一个网站,需要将商家的地址用地图标注出来!首先想到的是百度地图,查了一下百度地图的api这里记录下,供大家研究! 百度地图API地址:http://developer.baidu.com/map/ WEB服务api说明:http://developer.baidu.com/map/webservice-geocoding.htm 看一下根据地名调用百度地图图片代码如下: [html] <div id="optionsNarrative"> </div> <script> function renderOption(response) { var html = ''; if (response.status ) { var text = "无正确的返回结果:\n"; document.getElementById('optionsNarrative').innerHTML = text; return; } var locations = response.result.location; var staticimageUrl = "http://api.map.baidu.com/staticimage?center=" + locations.lng+','+locations.lat + "&markers=&q...

Cocos2d-html5项目目录结构分享说明2013-08-15

今天分享一下一款非常不错的html5游戏引擎:Cocos2d-html5. html5的时代正在来临,其可以方便的运行在多平台上并调用OPENGL 进行图形渲染,大量使用html5开发的2D和3D游戏正在涌现,Cocos2d-x也顺应形势推出了相应的版本,今天我们来学习一下Cocos2d-x在Html5上怎么运行和开发及调试。 打开HelloHTML5World,可以看到以下文件和目录: res:资源图片目录: src:当前程序的js文件目录: main.js:主逻辑js代码文件 index.html:html5网页文件 cocos2d.js:加载Cocos2d-x库的文件 build.xml:编译cocos2d-x的html5平台版本生成的文件清单报告。 .DS_Store:系统目录显示属性存储文件,可以删除。 我们用浏览器直接打开index.html,可以看到: 其源码为: [html] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cocos2d-html5 Hello World test</title> <link rel="icon" type="image/GIF" hr...

js滑动效果,PHP学习网滑动门效果2013-04-28

这两天在弄mootools,没有空去看PHP知识,在PHP学习那边转载的文章过来: js滑动效果 [html] <html> <head> <title>【PHP学习网】简易实用,滑动门</title> <meta http-equiv=”Content-Type” content=”text/html; charset=gbk” /> <style type=”text/css”> *{margin:0;padding:0;} a:link,a:visited{text-decoration:none;} a:hover{text-decoration:none;} ul{list-style:none;} .subMenu{background:#333;float:left;padding-top:2px;width:100%;} .subMenu li{float:left;} .subMenu li a{display:block;float:left;color:#fff;height:25px;line-height:25px;padding:0 5px;margin-left:2px;} .subMenu .thisStyle a {background:#fff;color:#000;} .subContent{clear:both;border:2px solid #000;border-top:none...
此文被围观2186 分类: 前端设计 标签:  ······

select动态更改宽度自适应2013-05-04

select备受鄙视,前端中会碰到各式各样的问题,例如: 1,弹出层无法阻挡select 2,宽度,高度受系统影响,甚至连系统主题都影响select的宽高 等等。 今天碰到这样一个问题,后台系统再做3级联动的时候,用jquery的append向select中推拼合好的option,在IE6/7下居然无法自适应宽度。找到的唯一理由是,低版本浏览器无法重绘界面,导致宽度无法自适应,使用的解决方案: 对select先隐藏,后再显示。例如: $(“#SelectID”).hide().show(); 另外一种可能的解决方案是: 使用原生js的options.add向select中添加。 目前还是没有解决,以上测试过了! 转自:http://www.smuwcwt.com/archives/673...
此文被围观1899 分类: 前端设计 标签:  ·····

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2019adophper.com All Rights Reserved.