jQuery和CSS3超逼真的图片放大镜特效

这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的 box-shadow 和 border-radius 实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像。使用方法HTML结构这个图片放大镜特效的HTML结构非常简单,使用一个class 为 magnify 的 div 作为wrapper,里面缩略图直接使用 ...
放大镜特效 CSS3

html5 实现网页截屏 页面生成图片

html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能。因为每个浏览器渲染页面的方式都不尽相同,所以生成的图片也不太一样。环境要求: jQuery兼容性: Firefox 3.5+, Chrome, Opera, IE9官网主页: http://html2canvas.hertzen.com/测试生成的图片效果 有些元素的样式没有完全展示...
网页截屏 js插件 html5

HTML5游戏开发技术基础整理

随着HTML5标准最终敲定,HTML5将有望成为游戏开发领域的的热门平台。HTML5游戏能够运行于包括iPhone系列和iPad系列在内的计算机、智能手机以及平板电脑上,是目前跨平台应用开发的最佳实施方案。本文系根据[HML5 Canvas游戏开发实战]一书中的内容整理而成,是了解和学习HTML5游戏开发的基础内容,希望能够帮助到那些和博主一样致力于游戏开发的朋友们!JavaScript中的面向对...
游戏开发 HTML5游戏

别不信!App三年内将被HTML5顶替彻底消失?

2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达八年的规范终于正式封稿。过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界。这听起来有点危言耸听,但若认真分析HTML5的发展史,你会发现,这个世界的发展趋势确实就是这样。HTML5对开发者的7大优势跨平台:在多屏年代,开发者的痛苦指数非常高,人人都期盼HTML5...
HTML5 App

大神给你分析HTTPS和HTTP的区别

今天在做雅虎的时候,发现用第三方工具截取不到客户端与服务端的通讯,以前重来没碰到过这种情况,仔细看了看,它的url请求时基于https的,gg了下发现原来https协议和http有着很大的区别。总的来说,http效率更高,https安全性更高。听大神说https和http区别首先谈谈什么是HTTPS:HTTPS(Secure Hypertext Transfer Protocol)安全超文本传输协...
HTTP HTTPS

优化网站加载速度的14个技巧

优化了加载速度的网站不仅可以提高其搜索引擎的排名,同时也可以降低网站的跳出率,提高其转换率,还能提供更好的终端用户体验,这是当今基于Web环境取得成功的关键。下面我将介绍几个优化网站加载网页速度的简单方法,一起来看一下。1.服务器响应时间即使网站已经格外优化,但是除非服务器响应时间非常快,否则就不会有什么大的效果。当涉及到提高网站的速度,服务器响应时间起着重要的作用。下面是一些提高服务器响应时间的...
网站优化

[HTML/CSS]display:none和visibility:hidden的区别

写在前面在群里有朋友问这样一个问题,display:none的标签,影响了布局。这就引出了本篇这样的问题,印象中display:none的块元素是不占位置的。一个例子!DOCTYPEhtml htmlxmlns=http://www.w3.org/1999/xhtml head metahttp-equiv=Content-Typecontent=text/html;charset=utf-...
visibility display HTML/CSS

使用HTML5中postMessage实现Ajax中的POST跨域问题

HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。浏览器支持程度:IE8+,firefox4+,chrome8+ opera10+1. 首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码:window.addEventLis...
POST跨域 HTML5

html5如何在IOS下自动播放音乐

在iphone所有平台包含最新的iphone6 plus,都有效另外有B格的魅族里也同样有效。但是基于微信里打开。audiopreload=preloadcontrolsid=car_audiosrc=http://s882ddd.com/pinpai2/images/222.mp3loop/audio script setTimeout(function(){ $(window).scro...
html5 IOS播放音乐

HTML5实现刮奖效果

要实现刮奖效果,最重要的是要找到一种方法:当刮开上层的涂层是就能看到下层的结果。而HTML5的canvas API中有一个属性globalCompositeOperation,这个属性有多个值,而实现刮奖效果要用到的值就是destination-out。意思就是:在已有内容和新图形不重叠的地方,已有内容保留,所有其他内容成为透明。这样可能不好理解,后面实现的时候会解释。有了globalCompos...
HTML5 刮奖效果