
html5
九
这个作者很懒,什么都没留下…
展开
-
如何判断用户输入的邮箱格式是否正确?
用户名@网站名-例sina.com、tom.com、yahoo.com.cn……(有些小网站的邮箱在填资料时不认,所以推荐用网站的邮箱)一般都是用来判断.什么是正则表达式?就是用如下特殊符号或其组合来代表某个字符(以下符号可以通配所有字符)符号 说明. 代表除换行符以外的任意字符\w 代表字母或数字或下划线或汉字\s 代表任意的空白符\d 代表数字\b 代表单词的开始或结束^原创 2015-12-08 20:34:01 · 88478 阅读 · 4 评论 -
商品竞猜html5
html>html>head lang="en"> meta charset="UTF-8"> title>title>head>body>商品竞猜// 第一款H5游戏// 商品竞猜// ----------------------// 产生一个随机商品价格// var price=parseInt(Math.ran原创 2015-12-03 08:51:04 · 1189 阅读 · 0 评论 -
常见浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以转载 2015-12-21 23:08:36 · 436 阅读 · 0 评论 -
css实现各种图形
1 六角形复制代码代码如下:#star-six { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; po转载 2015-12-22 16:03:22 · 910 阅读 · 0 评论 -
简单地响应式布局----CSS3中的Media Query(媒介查询)
html>html lang="en">head> meta charset="UTF-8"> title>title>head>style > @media screen and (min-width: 680px){ 屏幕宽度大于680的布局 #div_1{ background-color: black;原创 2015-12-22 21:46:05 · 755 阅读 · 0 评论 -
clear:both巧妙解答
div style="border:2px solid red;"> div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIVdiv> div style="float:left;width:90px;height:90px;border:1px solid blue;">TEST D原创 2015-12-22 23:16:46 · 476 阅读 · 0 评论 -
html5结合JavaScript实现龙播图
html>html lang="en">head> meta charset="UTF-8"> title>title>head>style type="text/css">#nav_1{ height: 80px; background-color: transparent;; position: relative; top: -100px原创 2015-12-08 21:31:18 · 602 阅读 · 0 评论 -
再也不用担心滑动页面了
文件下载路径 https://yun.baidu.com/share/link?shareid=1550178100&uk=2772084022&third=0&fid=287334405334564index: 111 css: #wrapper{position: absolute;wi原创 2016-07-04 16:58:14 · 416 阅读 · 0 评论 -
浏览器的一些兼容问题(1)
1 input需要清掉哪些默认样式,和兼容问题如何解决?2 如何解决IE8一下的input框文字偏上问题?Busy - 电商 /* 任务: 1 input需要清掉哪些默认样式,和兼容问题如何解决? 2 如何解决IE8一下的input框文字偏上问题 */ input{原创 2016-10-12 15:12:01 · 366 阅读 · 0 评论 -
HTML5新增input类型
HTML5新增input类型发表于 2016-06-16 | 分类于 前端 | 暂无评论 | 阅读次数 4HTML5表单新增input类型在HTML4等早期版本中,input元素已经有了一些type类型,type可取的值有下面这些:text文本类型:password密码类型:radio 单选类型:选项checkbox 多选类型转载 2016-11-02 12:04:00 · 946 阅读 · 0 评论 -
移动端自适应布局解决方案——rem
移动端自适应布局解决方案——rem发表于 2016-06-16 | 2条评论 | 阅读次数 79自适应布局方案有百分比布局、flex布局、弹性flex布局等,但是都有一些缺点。百分比布局缺点:字体大小需要另外一套自适应方法来调整;当屏幕宽度大于700px后,继续按照百分比元素会偏大,这个时候调整起来会比较麻烦。flex布局、弹性flex布局:转载 2016-11-02 18:12:20 · 2735 阅读 · 0 评论 -
上传本地图片兼容苹果安卓 苹果90度问题已解决
下载 exif.js文件 http://code.ciaoca.com/javascript/exif-js/html:css:.i-img1{margin: 316px 0 0 38px; border: 2px solid black;}.b2-3{margin: 304px 0 0 7px;background: url("") no-原创 2017-01-08 15:12:44 · 1084 阅读 · 0 评论 -
html embed用法
html embed用法Embed (一)、基本语法: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等, Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。 示例: (二)、属性设置: 1、自动播放:原创 2015-12-17 20:14:09 · 945 阅读 · 0 评论 -
jquery 音乐添加
html>html lang="en">head> meta charset="UTF-8"> title>title>head>script src="jquery-1.3.2.min.js">script>body>div id="bg_music_btn" state='1' style="background-color: black;height: 10原创 2015-12-17 16:49:20 · 2562 阅读 · 1 评论 -
微信摇一摇功能
竟可能的用微信去扫 可以现在草料二维码生产二维码 http://cli.im/urlhtml>html lang="en">head> meta charset="utf-8" /> meta name="viewport" content="width=device-width, initial-scale=1.0" /> title>微信摇一摇功能title原创 2016-01-19 11:02:10 · 534 阅读 · 0 评论 -
8种经典算法之直接插入排序
直接插入排序是稳定的排序方法。 基本思想: 假设待排序的记录存放在数组array[1..n]中,将第一个数取出来,自己array[1]作为一个有序序列,无序序列即array[2..n]。从n=2 至 n = n为止,依次将array[n]插入到有序序列当中,使插入的记录也是有序的,生成含n个记录的有序序列。 具体操作: 将要插入的记录array[i]取出,保存到临时变量temp中; 找到array原创 2015-12-08 22:43:03 · 527 阅读 · 0 评论 -
CSS浮动(float,clear)通俗讲解
CSS浮动(float,clear)通俗讲解 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,没有精力从头到尾讲一遍,只能有针对性的讲解。如果读者理解CSS盒子模型,但对转载 2015-11-17 21:58:39 · 666 阅读 · 0 评论 -
jqurey.fullpage.js解读
1、引入文件2、HTML 第一屏 第二屏 第三屏 第四屏 每个 section 代表一屏,默认显示“第一屏”,如果要指定加载页面时显示的“屏幕”,可以在对应的 section 加上 class=”active”,如:第三屏翻译 2015-12-12 14:12:58 · 536 阅读 · 0 评论 -
css text文本属性(四)
1.text-fill-color属性作用:文本填充颜色,指定文字填充部分的颜色取值: 颜色私有前缀IE:-ms-谷歌、苹果、猎豹、360急速(webkit内核):-webkit-opera:-o-firefox:-moz- 更正:火狐浏览器的内核为Gecko 但是似有前缀是-moz-备注:使用该属性需要使用浏览器私有前缀2.text-stroke属原创 2015-11-28 16:07:37 · 554 阅读 · 0 评论 -
CSS3 新增颜色表示方式
CSS3 新增颜色表示方式RGBA模式HSL模式HSLA模式1.RGBA模式RGBA记法。此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。语法:RGBA(R,G,B,A)取值:R: 红色值。正整数| 百分数 G: 绿色值。正整数| 百分数 B: 蓝色值。正整数| 百分数 A:Alpha透明度。取值0~1之间。原创 2015-11-28 16:16:26 · 1773 阅读 · 0 评论 -
css发布及浏览器支持情况
2002年5月15日发布CSS3 Line模块,该模块定义了文本行模型2002年11月7日发布CSS3 Lists模块,该模块定义了列表相关样式2002年11月7日发布CSS3 Border模块,新增背景边框功能,后被合并到背景模块中2003年5月14日发布CSS3 Generated and Replace Content模块,该模块定义CSS3生成及更换内容功能。2003年8月原创 2015-11-28 15:23:09 · 552 阅读 · 0 评论 -
css 介绍
css介绍什么是CSS3?CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分原创 2015-11-28 15:24:54 · 362 阅读 · 0 评论 -
CSS1&CSS2的颜色方式
CSS1&CSS2的颜色方式Color name 颜色名称方式HEX方式十六进制方式RGB方式三原色配色方式1.Color Name方式例如:red(红色)、blue(蓝色)、pink(粉色)优点:方便快捷而且特定颜色比较准确缺点:英文记忆很是个问题表示颜色数量有限。不支持透明颜色2.HEX方式十六进制记法,使用十六进制表示颜色原创 2015-11-28 16:11:10 · 539 阅读 · 0 评论 -
noConflict() 方法处理jQuery 命名冲突
某些框架也使用 $ 符号作为简写(就像 jQuery),如果您在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行,下面有个不错的解决方法其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、原创 2015-12-30 10:48:49 · 712 阅读 · 0 评论 -
css text文本属性(一)
原创 2015-11-28 15:37:49 · 516 阅读 · 0 评论 -
css text文本属性(二)
css text文本属性(二)1.text-overflow属性作用:设定内容溢出状态下的文本处理方式。取值:clip: 默认值当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。 ellipsis:当对象内文本溢出时显示省略标记(...)。 注意:该属性需要和over-flow:hidden属性(超出处理)还有white-原创 2015-11-28 15:42:31 · 731 阅读 · 0 评论 -
css text文本属性(三)
1.text-decoration属性作用:设定文本修饰线。取值:[ text-decoration-line ]:不支持 指定文本装饰的种类。相当于CSS1时的text-decoration属性[ text-decoration-style ]:不支持指定文本装饰的样式。[ text-decoration-color]:不支持指定文本装饰的颜色。 blin原创 2015-11-28 15:59:51 · 563 阅读 · 0 评论 -
html结合JavaScript简单的城市下拉列表
html>html>head lang="en"> meta charset="UTF-8"> title>title>head>body>//定义第一个下拉列表select id="prov" onchange="change();"> //当点击第一个下拉列表时回调一个函数 change();select>//定义第二个下拉列表select id="原创 2015-12-03 14:27:36 · 8572 阅读 · 0 评论