- 博客(23)
- 收藏
- 关注
原创 jquery实现瀑布流布局+无限下拉加载
每一步代码都有详细的注释,思路如下图所示: Document *{ margin: 0px; padding: 0px; } #contianer{ position: relative; font-size: 0;
2017-02-16 21:02:32 7424
原创 angular.js多个控制器提示错误Error: [ng:areq]的解决方法
今天玩angular.js,在一个module下写了多个控制器,遇到这样一个问题,如图:刚开始我以为是angular.js版本问题,换了低版本的1.2后还是会报这样的错误,所以我就改写了angular控制器的写法,如下: app.controller('myCtrl',["$scope",function($scope){ //Angular.js控制器 $sc
2017-02-15 10:52:08 3151
原创 判断图片是否全部加载
JS判断图片加载 *{ padding:0; margin:0; } var imgdefereds=[]; var n=$("img").length; $('img').each(function(){ var dfd=$.Deferred();
2016-12-07 15:18:58 707
原创 手把手教你简单几步实现用github搭建自己的网站
自从google code关闭了下载服务了之后,GitHub作为了目前最好用的免费开源项目托管站点,众多开源项目都托管在github,而且用github可以搭建属于自己的个性网站。现在跟着我一步步的来搭建自己的github网站1,首先,要有一个github账号,然后创建一个仓库2、github有统一的域名命名规则(username+github+io),把仓库名填写成usernam
2016-12-02 14:50:40 5835
原创 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 2176
转载 HTML5全屏浏览API
FullScreen API 演示 // 处理全屏(需要全屏显示DOM元素) function launchFullScreen(element) { // 先检测最标准的方法 if(element.requestFullScreen) { element.requestFullScreen(); }
2016-10-12 13:53:54 327
原创 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 10783
原创 百度地图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 15634
原创 wampserver配置多站点
一般在www目录下会有多个项目需要配置调试,这就需要我们在一个目录下配置多站点。第一步:找到http-vhosts.conf文件,一般的目录位置为:\www\wamp\apache\conf\extra\下,然后在最后配置虚拟站点如图:这是我配置的三个站点,修改路径即可第二步:找到hosts文件,所在位置为:c:\windows\system32\drivers\etc\下
2016-08-25 14:16:43 379
原创 Jquery AJAX选择省份,市区
前端部分: AJAX获取省份 *{ padding:0; margin:0; } #select,#select2{ width: 100px; height: 20px; } .option{ width: 100p
2016-08-24 11:32:46 3247
原创 jQuery扩展函数方法
jQuery扩展函数 //$.extend({}) 是扩展jQuery这个类,为jQuery添加新的方法 //写法一 ;(function($){ $.extend({ zhao:function(){ alert("这是我的第一个扩展函数"); },
2016-08-18 14:23:16 1224
转载 JS一切皆对象的由来
这是我看过的关于JS原型和原型链的解析质量很高的一篇博客,来和大家分享一下!http://www.cnblogs.com/giggle/p/5204348.html
2016-08-16 08:45:42 2182
原创 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 716
原创 多图片网页实现延迟加载图片
多图片页面的延迟加载 *{ padding:0; margin:0; } img{ width: 300px; height: 200px; display: block; } //原生JS方法 var test={};
2016-08-09 14:22:06 3791 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 1849
原创 调用百度地图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 577
原创 弹性盒子flex布局实现骰子六个面并让骰子3D空间旋转
Flex布局实现骰子 *{ padding:0; margin:0; } body{ background: black; } .container{ position: relative; width: 100px; heigh
2016-08-03 11:22:09 3103
原创 canvas旋转,平移,缩放一二例
Document *{ padding:0; margin:0; } canvas{ display: inline-block; } //canvas旋转,缩放,平移操作都是对整个画布的操作,如果有多次的话,本次操作是在上一场的操作的基础上操作的 //canvas平移是对
2016-07-25 12:32:36 2935
原创 做项目过程中常用的重置CSS样式表
@charset 'utf-8';/*css reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a,b,em,i,strong,html,article,aside, details, figcaption, f
2016-07-22 15:26:41 1362
原创 web页面开发过程中让图片垂直居中的三种方法
图片居中 *{ padding:0; margin:0; } /*方法一*//* .view{ width: 600px; height: 600px; border:1px solid red; text-align: center; display: table-ce
2016-07-15 17:38:05 12975
原创 WAMP环境安装完成后修改数据库密码和登陆不上mysqladmin的解决方法
WAMP是Windows下的Apache+Mysql/MariaDB+Perl/PHP/Python,一组常用来搭建动态网站或者服务器的开源软件,本身都是各自独立的程序,但是因为常被放在一起使用,拥有了越来越高的兼容度,共同组成了一个强大的Web应用程序平台,而WAMP是一个集成软件,傻瓜式安装,在这里就不在赘述。1、WAMP软件包安装后Mysql密码默认是空,mysql -u root -p
2016-07-13 17:35:56 4622
原创 canvas实现移动端和PC端刮刮卡效果
H5刮刮卡 *{ padding:0; margin:0; border:none; } .card_view{ width: 200px; height: 100px; line-height: 100px; font-size: 30px; t
2016-07-13 14:54:14 2153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人