jquery在线预览PDF文件,打开PDF文件

最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。   核心代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr"> <meta http-equiv="Content-Type" content="text/html;… Read More

一组PHP可逆加密解密算法

对于大部分密码加密,我们可以采用md5、sha1等方法。可以有效防止数据泄露,但是这些方法仅适用于无需还原的数据加密。   对于需要还原的信息,则需要采用可逆的加密解密算法。 下面一组PHP函数是实现此加密解密的方法:   加密算法如下: function encrypt($data, $key) { $key = md5($key); $x = 0; $len =… Read More

网络广告中的CPS,CPA,CPL,CPC,CPM,CPR的含义是什么?

对于站长来说,如果想要进行网站广告赚钱的话,势必要经常访问各种广告联盟的。 对于网络广告联盟中的一些术语,如CPA,CPL,CPS,CPC,CPM,CPR等,可能不甚了解。 下面是对于这些术语的一些具体解释,相信对于您必会有所帮助。 1.网络广告中的CPC是什么意思? 什么是CPC广告? 回答:根据点击数付费(Cost-Per-Click),联盟会员按照送到商家即广告主网站上游客的量(通常是点击数)来收取一定的费用。 网络联盟营销管理系统可以记录下每个客人在联盟会员网站上点击的广告主广告,并链接到广告主网站的次数,广告主按每个点击多少钱的方式支付给联盟会员广告费。 目前Google Adsense,baidu等就采用此方式。 这也是网络广告中最常用的一种方式,即:按点击付费。 2.网络广告中的CPL是什么意思? 什么是CPL广告? 回答:根据引导数付费(Cost-Per-Lead 或Cost-Per-Acquisition),联盟会员根据提供给广告主有效访问者信息的记录数量来收取费用。 此方式在CPC 的基础上发展起来,由于某些访问者通过联盟会员网站的广告链接进入广告主网站后并没有发生任何有效的行为,例如没有提供任何有效信息,更不用说发生购买行为。 对于广告主来说,这样的访问是无效的,付出的费用并没有产生实际的效果。 为实现最大化投资效益,只有在客户填写并提交了某个表单,并且在联盟管理系统对有效客户信息产生了一个给这个联属会员对应的引导(… Read More

站长如何屏蔽流氓宽带商在你的页面里面强行插入的广告代码

如果屏蔽页面上的广告?对于普通用户来说,使用AdBlock插件是最佳选择(针对火狐浏览器和谷歌浏览器用户,不知道IE浏览器容易如何处理这样的问题)。 没有人喜欢广告,但在互联网上,绝大多数网站的主要来源只有广告,如果没有广告收入,这些网站基本上都会倒闭。 为了在投放放过和不骚扰用户之间取得平衡,很多站长是很有克制在页面上投放少量的广告。但站长们的这些良苦用心往往会被一些流氓宽带商的恶意行为给 粉碎了。几乎所有的宽带商(联通宽带、电信宽带、移动宽带、长城宽带、方正宽带等)都会在用户使用它们的宽带服务浏览网页时,在这些网页的页面上强行嵌入 自己的广告服务。 以大家熟知的36kr网站为例子来说明这个问题。我使用的是方正宽带,当用户访问36kr网站的页面时,正常情况下,36kr网站的页面是没有放置广告的,更不会在页面的右下角弹出广告。但当使用方正宽带访问36kr网站时,你就会发现页面右下角有广告弹出。 (点击查看大图) 我们使用火狐浏览器的代码调试窗口,发现,在页面的尾部无端多出来很多iframe和嵌入有广告代码的div。很显然,这些代码并不是36kr放置的。它是宽带商捕捉用户浏览的网页,擅自非法的这些页面上添加自己的广告服务代码。这些代码能给宽带商带来一笔额外的收入。 (点击查看大图)   对于站长来说,这些广告很讨厌,用户会认为这些都是网站站长投放的。站长背了黑锅,而且没得到任何好处,更重要的,影响了在用户心中的形象,流失了用户。 站长应该维权,但站长是弱势群体,维权路上很难成功。那么,我们只能自己想办法,我们可以通过技术的手段,在页面代码里做一些改动,阻拦或屏蔽这些宽带商非法嵌入的代码。 我发现,宽带商非法嵌入的广告代码通常是两种形式,一种是在页面尾部加入数个iframe,iframe里的内容是宽带商承揽的广告;另外一种形式是直接嵌入div,div里嵌入一些html代码和js,最终呈现的内容还是宽带商承揽的广告。 但无论是iframe还是div,这些HTML广告代码都有相同的特征。 首先说说iframe形式,这些iframe在页面文档中的位置一定都是 body 元素的直接子元素,用CSS 选择器可以这样表示:… Read More

15个最好的HTML5前端响应式框架(2014)

注1* 之前我们比较过Foundation和Bootstrap, 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。 注2* 文中的多个框架基于SASS创建,SCSS是一种比LESS更简洁的样式表编程语言,它可以编绎成CSS,可复用CSS代码,声明变量,甚至是函数,类Ruby/Python的语法,参见: LESS vs SASS?选择哪种CSS样式编程语言? 最好的HTML5框架一般也是最流行的,使用这些框架可以极大地减少你的工作量,节约你的时间。 HTML5 有非常有用和令人意想不到的功能,但也有少数浏览器并不支持HTML5,因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的 框架有很多,大多支持响应式布局,干净的代码,跨浏览器兼容,内置按钮等等这些设计师常常使用的功能。同的这些HTML5框架将帮助你更加容易地构建任 务。包括支持javascirpt和jQuery插件的HTML5的框架,我们可以实现网站的许多应用效果。 最好的响应式前端框架 在这篇文章中,我将展示我收集的15款最佳的前端响应式HTML5框架。 Foundation 顾名思义,支持HTML5设备的基础。对于懒人们来说,我们已经建立了一个新的命令行工具来加速项目开发,并增加支持Libsass,SCSS编绎加快了5倍。 skeljs… Read More

html5游戏制作入门系列教程(一)

从今天开始,我们将开始HTML5游戏开发一系列的文章。在我们的第一篇文章中,我们将讲解在画布canvas上的基础工作,创建简单的对象,填充和事件处理程序。另外,要注意在这个阶段中,我们不会立即学习WebGL相关的3D部分。但我们会尽快在未来的WebGL。   在每篇文章中,我们都将学习到一些新的东西。我们第一次创建一个对象,有7个顶点,这些顶点,我们将绘制圆,我们将能够拖动这些顶点。此外,我们将顶点对象填充为半透明色。我认为这是作为入门教程已经足够了。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载文件,然后让我们开始编码吧!   步骤1:HTML 这里是所有我演示的HTML。   index.html <!DOCTYPE html> <html lang="en"… Read More

html5游戏制作入门系列教程(二)

今天,我们继续html5游戏制作入门系列的系列文章。今天,我们将继续基础知识(也许甚至是高级技巧的基础)。我要告诉你如何具有渐变颜色填充对象,绘制文本,使用自定义的字体绘制文本,基本的动画,以及最重要的UI元素 – 按钮。   我们以前的文章中,你可以在这里阅读:html5游戏制作入门系列教程(一)。我们会用到以前的脚本,并将其功能加强。我要绘制文本,使用自定义字体,动画对象(方形)与渐变色填充,将利用“播放/暂停”按钮暂停动画。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML   index.html <!DOCTYPE… Read More

html5游戏制作入门系列教程(三)

今天,我们继续一系列文章,使用HTML5的canvas组件进行游戏开发。接下来,我们将开始学习如何添加动画以及一些更有趣的功能。我 们的演示将包括一艘太空船飞越时空,并使用一个新的游戏元素 – 对话框。对话框将包含两页,我们的按钮用来切换对话框的页面,并隐藏对话框。   你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(二)。我们的将基于之前的程序和代码进行开发。 这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML <!DOCTYPE html> <html… Read More

html5游戏制作入门系列教程(四)

今天,我们继续一系列文章,使用HTML5的canvas组件进行游戏开发。今天我们要学习下元素:声音控制与动画。在我们的演示中,你会 看到一个飞龙。我们会听到持续的翅膀拍打的声音(我们将循环这个声音),和龙的怒吼声(mouseup事件)。最后,我们会让我们的龙不断的接近鼠标光标 (当我们按住鼠标)。 你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(三)。我们的将基于之前的程序和代码进行开发。 这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML <!DOCTYPE html> <html lang="en" >… Read More

html5游戏制作入门系列教程(五)

我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发。今天,这是相当完整的游戏例子 – 它会回顾经典的旧电脑游戏 – 坦克大战。我会教你使用阵列地图并教你如何检测活动对象(坦克)与环境(基于阵列的地图)的碰撞。 你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(四)。我们的将基于之前的程序和代码进行开发。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html>… Read More

html5游戏制作入门系列教程(六)

我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发。今天,我们将创建我们的第一个完整的游戏 – 打砖块。在这一课中,我会告诉你如何检测基本的碰撞和HTML5的本地存储。您可以使用鼠标和键盘(左/右按钮)来操作垫拍左右运动。我们将html5本 地存储技术存储经过历史的游戏时间和碎砖(点)的数据。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html> <html lang="en"… Read More

html5游戏制作入门系列教程(七)

我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发。我们将要更新完善我们的第4课html5游戏制作入门系列教程(四)的游戏实例,并增加了火球,敌人和碰撞检测等功能模块。所以,现在我们的飞龙可以施放火球来杀死敌人(还有成绩统计)。现在,这个游戏的互动性更强了。你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(六)。我们将基于之前的程序和代码进行开发。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1:HTML 下面是基本的HTML代码: 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html> <html lang="en" > <head> <meta… Read More

html5游戏制作入门系列教程(八)

今天,我已经准备了一个新的游戏 – SkyWalker。基本上 – 这是用飞飞行模拟射击类游戏。我们的目标到达终点线。这个游戏还有其它一些特点,例如使用飞机运动动画和爆炸动画,多按键处理(例如同时移动和攻击),有 一定的水平长度,增强了碰撞检测(现在的敌人可能会损坏我们的飞机) ,生命值和分数等游戏参数。你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(七)。我们将基于之前的程序和代码进行开发。   这里有我们的演示和下载包: 在线演示   好吧,下载所需文件,让我们开始编码!   步骤1:HTML 下面是基本的HTML代码: 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html>… Read More