12 2014 档案

摘要:

CSS 把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand;写两个是为了照顾IE5,它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 向上改变大小(North) cursor: n-resize; 向下改变大小(South) cursor: s-resize; 向右改变大小(East) cursor: e-resize; 向左改变大小(West) cursor: w-resize; 向上右改变大小
posted @ 2014-12-31 12:20 豫见世家公子 阅读(608) 评论(0) 推荐(0) 编辑
摘要:最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉:1 2 3 4 这段代码包含了一些条件注释,它会根据浏览器的不同选择性地给标记添加(或不添加)一个包含浏览器版本信息的class属性。具体来说,对于IE5-IE8,标记会增加一个class属性,属性值由IE的版本...
posted @ 2014-12-20 17:53 豫见世家公子 阅读(275) 评论(0) 推荐(0) 编辑
摘要:

Round是四舍五入的。。。Ceiling是向上取整。。float是向下取整。 ceil():将小数部分一律向整数部分进位。 如: Math.ceil(12.2)//返回13 Math.ceil(12.7)//返回13 Math.ceil(12.0)// 返回12 floor():一律舍去,仅保留整数。 如: Math.floor(12.2)// 返回12 Math.floor(12.7)//返回12 Math.floor(12.0)//返回12 round():进行四舍五入 如: Math.round(12.2)// 返回12 Math.round(12.7)//返回13 Math.round(12.0)//返回12
posted @ 2014-12-17 14:16 豫见世家公子 阅读(213) 评论(0) 推荐(0) 编辑
摘要:

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。 深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种解释:内嵌、内联、行内、线级等,但是,它们都是表示相同的意思,在这里我们选择习惯的叫法--内联。 先看下面的例子你就能明白两者的差别
posted @ 2014-12-14 15:19 豫见世家公子 阅读(315) 评论(0) 推荐(0) 编辑
摘要:

按标准的话, 里面应该只能放,不过看见同事有的放了h3、p这些,这样到底可不可以? 里面只能放. 但是里面可以放,等标签。 ul里面放其他标签,不光不符合语义,在IE7- 里面也会有问题: 如果标签前面有标签,浏览器会认为为的子节点。 比如就是不行的,这时候不同浏览器就会有自己的策略去对付这些东西。
posted @ 2014-12-14 13:55 豫见世家公子 阅读(1625) 评论(0) 推荐(0) 编辑
摘要:

今天做手机网站,想实现手机扫描二维码功能。首先实现在浏览器中调用手机摄像头,实现拍照功能并且把拍下的照片显示在页面并上传到服务器上,然后再在服务器端进行分析。 首先实现在浏览器中调用摄像头,当然用现在火的不行的html5
posted @ 2014-12-12 16:54 豫见世家公子 阅读(1514) 评论(0) 推荐(0) 编辑
摘要:

怎样在网页中使用摄像头,html5越来越多的使用到实际工作中,那么他怎样调用摄像头呢进行视频聊天,视频监控等活动呢,今天为大家抛砖引玉,教大家怎样实现怎样利用html5实现摄像头视频监控功能。
posted @ 2014-12-12 16:18 豫见世家公子 阅读(1240) 评论(0) 推荐(0) 编辑
摘要:

WebRTC可能是明年最受关注的HTML5标准了,Mozilla为此开发了一套帮助你控制硬件的API,例如,摄像头,麦克风,或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。 在今天的这篇文章中,我们将介绍来自Wolfram Hempel开发的Photobooth.js,使用这个类库可以帮助你快速的调用摄像头功能,你可以很容易的添加摄像头功能到网站中。并且快速的帮助你拍照,你可以使用这个功能来实现用户的大头照拍摄,是不是非常不错? 主要特性: 对比度设置 颜色设置 亮度设置 色调设置 拍照按钮 支持最新的chrome, firefox, opera等浏览器 支持jQuery插件方式和javascript代码方式
posted @ 2014-12-12 16:01 豫见世家公子 阅读(670) 评论(0) 推荐(0) 编辑
摘要:

在Web应用程序的用户体验越来越被重视的今天,前端开发的地位也上升到了前所未有的高度,而随之而来的也有更多的挑战。 为了将前端开发者繁重的工作变得简单,框架应运而生。国内也不乏一些非常优秀的前端开发框架。本期【开源专访】我们邀请到了国内前端大牛玉伯(@玉伯也叫射雕),请他为我们分享一些关于前端框架、前端开发的那些事,以及前端大牛是如何炼成的。 玉伯(王保平),淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。 CSDN:先介绍一下自己和目前的工作吧! 玉伯:我叫王保平,阿里花名玉伯。目前在支付宝前端技术部工作,从事前端基础类库、工具等产品的研发。喜欢编码,热爱思考,努力把每一天过得平淡又精彩。 CSDN:Sea.js是什么?致力于解决什么问题? 玉伯:Sea.js是一个很纯粹小巧的模块加载器,它只解决一个问题:前端代码的模块化...
posted @ 2014-12-12 14:19 豫见世家公子 阅读(930) 评论(0) 推荐(0) 编辑
摘要:

HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。 Placeholder 是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文 字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持placeholder的浏览器,代码如下:
posted @ 2014-12-12 13:10 豫见世家公子 阅读(370) 评论(0) 推荐(0) 编辑
摘要:

Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。 在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同。并 且,其他非IE浏览器与IE对某些CSS解释也不一样。所以,通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。 条件注释只能用于Expl
posted @ 2014-12-08 11:14 豫见世家公子 阅读(237) 评论(0) 推荐(0) 编辑
摘要:

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:   name 属性   1、用以说明生成工具(如Microsoft FrontPage 4.0)等;   2、向搜索引擎说明你的网页的
posted @ 2014-12-08 11:10 豫见世家公子 阅读(211) 评论(0) 推荐(0) 编辑
摘要:

首先,什么是CSS hack?   针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!   CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。   这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。 CSS Hack的原理是什么   由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。   CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTM
posted @ 2014-12-08 11:07 豫见世家公子 阅读(963) 评论(0) 推荐(0) 编辑
摘要:

在网络营销中,站长经常会遇到一些HTTP状态码的问题,不懂HTTP状态码那么做SEO优化就无从谈起,下面是脉凌网络对HTTP状态码总结的一览表。   1xx:请求收到,继续处理   2xx:操作成功收到,分析、接受   3xx:完成此请求必须进一步处理   4xx:请求包含一个错误语法或不能完成   5xx:服务器执行一个完全有效请求失败   100——客户必须继续发出请求   101——客户要求服务器根据请求转换HTTP协议版本   200——交易成功   201——提示知道新文件的URL   202——接受和处理、但处理未完成   203——返回信息不确定或不完整   204——请求收到,但返回信息为空   205——服务器完成了请求,用户代理必须复位当前已经浏览过的文件   206——服务器已经完成了部分用户的GE
posted @ 2014-12-08 11:01 豫见世家公子 阅读(230) 评论(0) 推荐(0) 编辑
摘要:

1、Meta 之 viewport 说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢? viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域 。对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,在iphone上我们 的webapp在竖屏下通常宽度都是320,这时我们320页面在iphone上显示成啥效果呢?有人可能认为iPhone不是320的宽度莫,感觉应该 是满屏的吧,事实呢?我们来看一下如下布局在iPhone上的显示情况...
posted @ 2014-12-04 11:59 豫见世家公子 阅读(266) 评论(0) 推荐(0) 编辑
摘要:

FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默认的参数,今天来说说具体的参数来给大家看看! $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式:淡入淡出或者滑动 slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向:左右或者上下 slidesh
posted @ 2014-12-03 14:58 豫见世家公子 阅读(520) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示