2016年06月_xyphf_和派孔明

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创 jQ模拟逐帧动画动画

百度云盘demo下载提取密码：qjxx *{margin:0;padding:0;list-style:none;}.div1{margin:100px auto;width:242px;height:137px;background:url(bao.png) 0 0;}.div2{margin:100px auto;width:242px;height:137px;b

2016-06-29 13:02:16 4492

原创【求助】自定义事件/鼠标滚轮滚动放大缩小图片，chrome下失效求解？

自定义事件/鼠标滚轮滚动放大缩小图片chrome下失效求解？自定义事件/鼠标滚轮滚动放大缩小图片$(function(){ $('#img1').on('zoomIn',function(){ //缩小 $(this).css('width',200); }); $('#img1').on('zoomOut',function(){ //放

2016-06-27 00:30:44 2626

原创 1-4.编写一个绑定多个页面元素的angular程序

<!DOCTYPE html><html ng-app><head> <meta charset="UTF-8"> <title>编写一个绑定多个页面元素的angular程序</title> <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/

2016-06-23 00:39:24 959

原创 1-3.编写一个绑定页面元素的angular程序

<!DOCTYPE html><html ng-app><head> <meta charset="UTF-8"> <title>编写一个绑定页面元素的angular程序</title> <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/a

2016-06-23 00:35:12 690

原创 1-2.编写一个具有计算功能的angular程序

<!DOCTYPE html><html ng-app><head> <meta charset="UTF-8"> <title>编写一个具有计算功能的angular程序</title> <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angu

2016-06-23 00:31:46 434

原创 1-1.第一个简单的angular程序

<!DOCTYPE html><html ng-app><head> <meta charset="UTF-8"> <title>第一个简单的angular程序</title> <script src="http://apps.bdimg.com/libs/angular.js/1.2.16

2016-06-23 00:28:20 369

原创 sublime编辑器【快捷键】基本用法，sublime小技巧

ctrl+N 打开编辑区转换语法格式ctrl+shift+p -->sshtml -->Enter切换到html格式Emme插件!+ctrl+E 生成一整段html文档ctrl+p -->#body 定位到标签生成10个li元素ul>.item$*10 ctlr+E增减减少缩进ctrl+[ / ctrl+]多行游标功能先选

2016-06-20 21:37:51 3170 1

原创移动开发，touchstart轮播图，移动端拖拽应用

touchstart，移动开发，拖拽应用，手机轮播图

2016-06-20 21:17:14 2620

原创【插件】自适应布局JQuery插件，rem布局——和派孔明

JQ插件，JQ自适应插件，rem布局

2016-06-20 20:58:49 3184

原创淡入淡出轮播(banner),自动按图片个数生成居中按钮——和派孔明

淡入淡出轮播(banner),自动按图片个数生成居中按钮/* 1、JQuery带左右按钮淡入淡出轮播 2、轮播图根据图片数量自动生成按钮个数 3、在宽高不确定的情况下，居中元素注：不管是菜鸟还是大神，若有bug，及时联系交流,QQ 2766588380; 闻道有先后，术业有专攻，所有的大神都是从菜鸟的道路上走出来的 */<!DOCTYPE html><html lang="en">

2016-06-16 15:04:51 1675

原创在div宽高不确定的情况下，使其居中[轮播图点击按钮常用]——前端工程师和派孔明

*{margin:0;padding:0;list-style:none;}.div1{/*width:100%;*/}.div1 ul{position:relative;left:50%;float:left; clear:both;margin-bottom:2px;}.div1 ul li{position:relative;left:-50%; float:left;margi

2016-06-16 13:32:21 1263

原创 Jquery文字滚动效果

*{margin:0;padding:0;list-style:none;}#div1{width:100px;height:20px;background: red;overflow: hidden;position: relative;}#div1 ul{width:100px;background: red;position: absolute;top:0;}#div1 ul li{w

2016-06-15 00:19:50 678

原创文字无限无缝滚动效果——和派孔明

文字无限无缝滚动效果——和派孔明<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title><style>*{margin:0;padding:0;list-style:none;}#div1{width:100px;height:20px;margin:0 auto;overflo

2016-06-13 21:08:59 3356

原创 embed标签使用大全解释

<!-- autostart=ture/false 是否自动播放 loop=ture/flase 是否循环播放 hidden=ture/no ture隐藏面板/no显示面

2016-06-06 09:26:41 2796

原创简单说说rem布局

相对单位布局em: 相对于字体根：bodyrem： r —— root 根：html添加：解释：viewport：视口窗口width：320px 标准高清屏dpi device-widthinitial-scale 初始化缩放比例： 1 不缩放user-scalable：页面是否缩放maximum-scale=1

2016-06-06 08:23:05 970

原创时间格式整理

var d = new Date();d.setTime(time*1000);var year=d.getFullYear();var month=d.getMonth()+1;month=fillZero(month);var date=d.getDate();date=fillZero(date);var hours=d.getHours();ho

2016-06-05 20:12:15 421

原创 javascript字符操作

字符串操作strObj.charAt(index) 返回找到字符、空字符给下标返字符strObj.indexOf(字符) 返回下标、-1给字符返下标strObj.lastIndexOf(字符) 返回下标、-1给字符返回下标strObj.substring(开始位置，结束位置) 提取字符串结束位置不给，提取到末尾strObj.split(规则

2016-06-05 19:21:58 340