HTML5
文章平均质量分 78
水中残月
这个作者很懒,什么都没留下…
展开
-
canvas旋转,平移,缩放一二例
Document *{ padding:0; margin:0; } canvas{ display: inline-block; } //canvas旋转,缩放,平移操作都是对整个画布的操作,如果有多次的话,本次操作是在上一场的操作的基础上操作的 //canvas平移是对原创 2016-07-25 12:32:36 · 2935 阅读 · 0 评论 -
判断图片是否全部加载
JS判断图片加载 *{ padding:0; margin:0; } var imgdefereds=[]; var n=$("img").length; $('img').each(function(){ var dfd=$.Deferred();原创 2016-12-07 15:18:58 · 702 阅读 · 0 评论 -
DIY一个Jquery3D图片墙插件
我把这个插件放在了我的服务器上,下载地址为:http://www.webcjames.com/download/jquery3D_carousel.rar 动画展示链接:http://webcjames.com/jquery3D_carousel/index.html代码如下:html代码: Jquery3D_carousel原创 2016-11-29 19:02:51 · 2173 阅读 · 0 评论 -
HTML5全屏浏览API
FullScreen API 演示 // 处理全屏(需要全屏显示DOM元素) function launchFullScreen(element) { // 先检测最标准的方法 if(element.requestFullScreen) { element.requestFullScreen(); }转载 2016-10-12 13:53:54 · 325 阅读 · 0 评论 -
timePicker插件显示年月日时分,并让之默认显示当前时间
时间选择器 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25p原创 2016-09-21 15:08:15 · 10772 阅读 · 0 评论 -
百度地图API学习之定位当前位置及自定义覆盖物和信息窗口
百度地图API文档学习 *{padding:0;margin:0;} html,body{height: 100%;} #container{width: 100%;height:50%;} .choice{ margin-top:10px; } .choice:after{ displa原创 2016-09-05 15:01:21 · 15628 阅读 · 0 评论 -
Jquery AJAX选择省份,市区
前端部分: AJAX获取省份 *{ padding:0; margin:0; } #select,#select2{ width: 100px; height: 20px; } .option{ width: 100p原创 2016-08-24 11:32:46 · 3247 阅读 · 0 评论 -
多图片网页实现延迟加载图片
多图片页面的延迟加载 *{ padding:0; margin:0; } img{ width: 300px; height: 200px; display: block; } //原生JS方法 var test={};原创 2016-08-09 14:22:06 · 3785 阅读 · 2 评论 -
PHP处理$.ajax传来的data数据并返回的过程实例
HTML页面: Jquery Ajax 加载更多 $(function(){ //服务器传参 $("button").click(function(){ var jsondata={"info":[{"name":"Ajax","home":"beijing"},{"name":"JSON原创 2016-08-08 17:52:50 · 1845 阅读 · 0 评论 -
弹性盒子flex布局实现骰子六个面并让骰子3D空间旋转
Flex布局实现骰子 *{ padding:0; margin:0; } body{ background: black; } .container{ position: relative; width: 100px; heigh原创 2016-08-03 11:22:09 · 3101 阅读 · 0 评论 -
调用百度地图Javascript API
百度地图API自定义地图 html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px原创 2016-08-04 18:34:21 · 572 阅读 · 0 评论 -
angular.js构建单页面购物车
购物车 *{ padding:0; margin:0; font-family: '微软雅黑'; } .shop-items ul{ list-style: none; width: 100%; } .shop-items ul li{ dis原创 2016-08-15 16:53:45 · 715 阅读 · 0 评论 -
jquery实现瀑布流布局+无限下拉加载
每一步代码都有详细的注释,思路如下图所示: Document *{ margin: 0px; padding: 0px; } #contianer{ position: relative; font-size: 0;原创 2017-02-16 21:02:32 · 7419 阅读 · 0 评论