http://www.jqcool.net/jquery-jspdf.html[from this site] <html> <head></head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="./jspdf.debug.js"></script> <script&…
package oracle.apps.pon.printing.cp; import java.io.InputStream; import java.io.FileOutputStream; import oracle.jbo.domain.BlobDomain; import oracle.apps.fnd.cp.request.CpContext; import oracle.apps.fnd.cp.request.LogFile; import oracle.apps.fnd.cp.r…
<HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站>以HTML与CSS为主,配合jQuery制作网页,并搭配jQueryMobile制作移动网页,通过具体的范例从基础到高级循序渐进地讲解.全书首先介绍了HTML5网页开发和CSS网页美化,只要按本书的顺序学习,就能够轻松掌握网页制作的方法:还介绍了目前热门的移动设备网页技术,读者无须学习复杂的程序,就能够轻松创建移动设备的网页:最后通过两个移动设备网页制作实例让读者进行实战练习,以加深理解.  本书是网页制作入门初学者的…
前言 由于工作中需要,系统中需要记录不同时间发生的事件,为了提升用户体验,决定用时光轴来实现.[据说这个东西挺火的,QQ空间和FB都在用...] 这个时光轴是在 三生石上 这位博主的时光轴基础上修改的,可以称之为增强版吧! 兼容性 Firefox.chrome.360急速.360安全浏览器.IE8,其他的没测试,不过IE上的兼容有些问题. 效果预览 操作演示 实现过程 我是做后端的,所以,页面设计的并不是很好看来着.大家可以自己修改页面. 1.布局 页面布局不多说了,就是纯DIV+CSS实现的,…
在HTML5出现后,图片就变得更加富有动感了,各种图片动画特效也层出不穷,例如图片播放器.图片导航.3D图片动画等等.本文将精选几款具有代表性的HTML5和jQuery图片动画特效,绚丽的画面.实用的代码相信能给各位WEB前端爱好者带来帮助,希望大家会喜欢. 1.HTML5图片像素特效 这是一个神奇的图片特效,图片被分割成1像素,就像沙子一样,很酷. 在线演示 2.HTML5图片自动归类效果 非常精美的作品集展示效果,导航切换的时候图片会自动归类. 在线演示 / 源码下载 3.HTML5和jQu…
高中同学毕业分布网站:敲定思路 一.背景 第一集:http://www.cnblogs.com/Twobox/p/8368121.html 中大体确定了自己的 大体目标.大体思路. 但是 . 在今天的发现中,模仿“地图慧”中的同学毕业去向模块去 倒腾 好像 可行性与价值性 不高(低).(说地是因为自己看到了更好的.我很皮) "地图慧"中的模板与结果都是Flash做的.这对于我这个没倒腾过Flash的人来说 难度有点大. 今天就不废话了,直接 搬运 今天的新发现与 思路吧. 二.技术搬运…
今天给大家分享一款基于html5和jquery的篮球跳动游戏.这款实例和之前分享的HTML5重力感应小球冲撞动画类似.用鼠标拖动篮球,篮球在页面上跳动,可在演示中看下效果.效果图如下: 在线预览   源码下载 实现的代码. 这个实例主要是js代码.js需要引用jquery和Phaser.js这两个库.页面上的js代码如下: (function () { var w = window.innerWidth; var h = window.innerHeight; var game = new Ph…
页面技术:HTML5 + AJAX ( jQuery) 后台技术:Servlet 3.0 服务器:Tomcat 7.0 jQuery版本:1.9.1 Servlet 3.0 代码 package org.ajaxfileupload.servlet; import java.io.File; import java.io.IOException; import java.util.Collection; import java.util.Iterator; import java.util.re…
上一篇仅仅讲到前台操作,这篇专门涉及到Java后台处理.前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台,然后Java这边进行接收处理.通过对图片数据信息进行Base64解码,之后使用流将图片数据信息上传至server进行保存,而且将图片的路径地址存进数据库. 大家能够点此链接查看前台本地压缩上传的处理: HTML5+Canvas+jQuery调用手机拍照功能实现图片上传(一) ok,废话不多说了.直接贴代码吧. 1.前台js代码: $.ajax({ async:false…
来源:GBin1.com 在线演示   在线下载 谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项.然而今天我要寻找一个替代的解决方案.由DevBridge开发的jQuery Autocomplete插件有确切的功能,我觉得非常有吸引力.你在打字的时候,结果将出现在下拉菜单底部,自动突出显示的词语.本教程简单介绍了通过加载JavaScript数组的内容运行这个插件.从后端文件加载Ajax内容或者从数据库中加载文本内容都是可行的,在本教程中,更容易使用本地数据.…
1. [代码][HTML]代码     <!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="utf-8" /><title>html5 - 新增属性与技术总结 - by sole</title><meta name="keywords" content="html…
响应式布局,流体布局,自适应布局,静态布局等等,这是移动设备的飞速发展,前端人员不得不跟上潮流的一个方向.实际上各种设备尺寸,分辨率大都不同,真的适应各种设备依旧是不现实的,首先是浏览器差异化,让我们去hack,现在是终端问题,让我展现出不同的设备不同的样式,折腾来折腾去,终于我们走进了热火朝天的响应式布局,自适应只能算是响应式布局的一个子集吧,对于流体个栅格后面会再次提到,有兴趣可以关注. 首先讲讲实现原理吧,css3的媒体查询功能的确帮了我们很大一个忙,@media query,它的出现也带…
简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器.这使得在编写原生JavaScript代码时方便了许多. 用法 两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法. element = document.querySelector('selectors'); elementList = document.q…
我的问题: 近期研究Phonegap的相关技术,遇到了服务资源访问的跨域.经过尝试使用服务器端的代理,Phonegap打包后不能够访问到相应资源.在搜索引擎的帮助下,找到了Jquery的jsonp的方式,尝试发现已有的服务资源返回格式不支持.接着转战CORS发现同样需要服务器端配置,几番折腾,后来发现Phonegap原来就不存在跨域访问的问题.于是乎,使用JqueryMobile的ajax测试,打包安装应用,原来真的可以访问.虽然比较曲折,但是也算对js的相关跨域有了一定的认识,在此总结纪录,以…
简要描述HTML5中的本地存储 答案: 很多时候我们会存储用户本地信息到电脑上,例如:比方说用户有一个填充了一半的长表格,然后突然网络连接断开了,这样用户希望你能存储这些信息到本地,当网络回复的时候,他想获取这些信息然后发送到服务器进行存储, 现代浏览器拥有的存储被叫做"local storage",用于存储这些信息 简要描述HTML5中的canvas的作用 答案: 出现的新标签,拥有自己的属性,方法和事件,其中就有绘图的方法,JavaScript能够调用它在网页上完成绘图 canva…
...最近天热的,感觉就像煎饼...然后别人在把妹子的时候,只有偶们这帮苦逼的程序员在那边撸代码...我日哦! 然后今天晒的是偶早年写的一个播放器...看上去是不是很有感觉的样子!一番宝物,Lisa唱的   在angel beats的插曲 最后在简述这个东西怎么写之前,本人男,24岁,籍贯上海,诚招女友一枚,要求:性格温顺...(省略500字) <div class="Music"> <div class="MusicPlaySound">…
来源:http://www.html5china.com/HTML5features/video/201109206_1994.html 简介HTML5的<video>标签已经被目前大多数主流浏览器所支持,包括还未正式发布的IE9也声明将支持<video>标签,利用浏览器原生特性嵌入视频有很多好处,所以很多开发者想尽快用上,但是真正使用前还有些问题要考虑,尤其是 Opera/Firefox 和IE/Safari浏览器所支持的视频编码不同的问题,Google几个月前发布的开源视频编码…
过去一段时间零零散散的自学了一点点jquery的相关用法,基本上属于用到哪个了,就去查然后就学一点,没有系统的学过,深入的用法也不是特别了解,毕竟javascript基础就比较薄弱.经过一段时间的零敲碎打的学习,我决定使用jquery做一些东西,算是对以前学到的东西做一次总结. 我选择了仿写Windows7的桌面和任务栏效果,一个是我比较喜欢Windows7的半透明效果,第二个是这个有比较大的发挥空间.再次贴出来算是做一个笔记和总结,也把一些心得分享给学习路上的朋友们.编码是本人是业余爱好,当然…
1.经常使用 插件工具  chrome插件:   Mobile & Tablet Emulator(用于常见移动端适配):(重点) Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices. Mobile Emulator is an useful online tool to check the screen resolution…
近期研究Phonegap的相关技术,遇到了服务资源访问的跨域.经过尝试使用服务器端的代理,Phonegap打包后不能够访问到相应资源.在搜索引擎的帮助下,找到了Jquery的jsonp的方式,尝试发现已有的服务资源返回格式不支持.接着转战CORS发现同样需要服务器端配置,几番折腾,后来发现Phonegap原来就不存在跨域访问的问题.于是乎,使用JqueryMobile的ajax测试,打包安装应用,原来真的可以访问.虽然比较曲折,但是也算对js的相关跨域有了一定的认识,在此总结纪录,以供有同样需求…
本文转自:http://www.asp.net/mvc/overview/older-versions/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4 This tutorial will teach you the basics of how…
1. HTML5 1.1.简要描述 HTML5中的本地存储 参考答案: 很多时候我们会存储用户本地信息到电脑上,例如:比方说用户有一个填充了一半的长表格,然后突然网络连接断开了,这样用户希望你能存储这些信息到本地,当网络恢复的时他想获取这些信息然后发送到服务器进行存储.现代浏览器拥有的存储被叫做“Local Storage”,用于存储这些信息. 1.2.简要描述 HTML5中 Canvas的作用 参考答案: Canvas是 HTML5出现的新标签,拥有自己的属性.方法和事件,其中就有绘图的方J…
How to Create a Basic Plugin Sometimes you want to make a piece of functionality available throughout your code. For example, perhaps you want a single method you can call on a jQuery selection that performs a series of operations on the selection. I…
基本用法 querySelector 该方法返回满足条件的单个元素.按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素. ----> querySelector得到一个DOM var element = document.querySelector('#container');//返回id为container的dom var element = document.querySelector('div#container');//返回id为contai…
https://github.com/chrishumboldt/Flickerplate 官网 <link href="${baseURL}/themes/default/css/flickerplate.css" rel="stylesheet" type="text/css"> <script src="${baseURL}/themes/default/js/hammer-v2.0.3.js">…
1. [代码][JavaScript]代码 $(window).load(function(){    //我们监听了 window.load 事件,因此我们确定幻灯片上的所有图片都能够正确进行加载.    //测试当前浏览器是否支持canvas元素  var supportCanvas = 'getContext' in document.createElement('canvas');    //图片的canvas效果操作是受CPU渲染影响的,  //这就是为什么我们要使用setTimeou…
支持的浏览IE8+,Firefox3.5+,Safari3.1+ Chrome和Opera 10+ 1.querySelector()方法接收一个选择符,返回第一个匹配的第一个元素,如果没有返回null eg:var body = document.querySelector('body'); var myDiv = document.querySelector('#myDiv'); var selected = document.querySelector('.selected'); var…
样式: <style type="text/css"> .processcontainer2{ width:450px; border:1px solid #6C9C2C; height:25px; border-radius: 10px; box-shadow: 5px 10px 20px lightgray; } #processbar2{ background:green; float:left; height:100%; text-align:center; lin…
基本上表单是任何一个网站都必须要用到的元素,本文介绍的这 30 个设计方案供你参考,这些方案如果要单独下载完整可运行的文件则需要支付2-5美元的费用. 1. Fresh Forms 2. Pretty Forms 3. Amp Forms 4. CSS Contact Form 5. Digital CSS3 forms 6. CSS3 transition forms 7. CSS3 Form Pack 8. GoogleLike Forms 9. Pure CSS3 Forms Set 10…
In this Post we are providing best jQuery PDF viewer plugin & tutorial with examples.Due to popularity of online document viewer like Google Docs some javascript developers develop a good and useful plugins to view pdf file on online pdf viewer.Here…