- 博客(29)
- 收藏
- 关注
转载 转载一篇 关于事件委托或事件代理详解
这篇文章我个人觉得写的非常好,很容易理解。链接地址:https://www.cnblogs.com/liugang-vip/p/5616484.html
2019-04-12 17:49:32
221
原创 js复制粘贴
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test复制粘贴</title> </head> <body> <div> <span class
2018-06-28 16:48:38
359
原创 css3简单的动画效果
做个简单的记录。。。。div{width: 120px;height: 120px;background: black;margin:30px;cursor: pointer;color:#fff;float: left;transition: all 0.5s ease-in-out;-webkit-transition:all 0.3s ease-out;-moz-
2018-01-10 17:32:07
770
原创 响应式菜单
因公司近期需用到响应式菜单栏,临时做了一个,PC端左侧菜单栏通过css实现,其中移动端有用到jquery.meanmenu.js插件。可能没那么完美,但是基本也勉强够用了,有些功能或者样式可以自己调整。仅供大家和自己参考,有问题请指出。感谢!
2017-10-27 17:56:37
1705
原创 jq ajax 和js ajax 两种方式请求数据
jquery: (function getCoupon(code, time) { var ajax = jQuery.ajax({ type: "post", url: '请求地址', data: {key: '&L!!VGKrJYGDgdfFhtLq', code: code, time: time},
2017-10-13 15:26:39
1483
原创 JQ实现轮播
jquery轮播 *{padding: 0;margin: 0;} #wrap{width: 100%;margin: 10px auto;overflow: hidden;position: relative;} #wrap .div_img_b img{width: 100%;float: left;display: none;} #wrap
2017-09-05 17:14:32
427
原创 纯js 手写轮播
js轮播 *{padding: 0;margin: 0;} #wrap{width: 100%;height:;margin: 10px auto;overflow: hidden;position: relative;} #wrap .div_img_b img{width: 100%;height:;float: left;display: none;
2017-09-05 16:41:19
2144
转载 css3 calc()方法详解
对于菜鸟的我又学到一招,留个记录。转载于下面这篇文章: http://www.cnblogs.com/avon/p/5908393.html
2017-08-24 12:20:21
441
转载 深入了解font-weight -转载记录
font-weight的属性值有100、200、300、400、500、600、700、800、900和normal、bold、lighter、bolder,它们的区别是?另外,在实际开发中,我们应该使用数值表达还是文字表达呢?详情请看这边:http://web.jobbole.com/88862/
2017-08-07 12:04:42
329
原创 近期交互学习记录
记录ajax具体的方法参数(以防总是忘记):url:要求为string类型的参数,代表发送请求的地址。type :要求为string类型的参数,请求的方式(post或者get,根据需求文档的定义来选择),如果不写默认是get请求方式。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。contentType:要求为string类型的参数,前
2017-08-07 09:46:48
405
原创 js判断奇、偶数
测试个小案例 分别给奇数,偶数定义不同的方法,实现方法有以下两种: css: 标签名:nth-child(odd) {float:left;} 标签名:nth-child(even) {float:right;} js: window.onload = function(){var borde
2017-07-27 14:45:36
2692
转载 记录 JS IOS/iPhone的Safari不兼容Javascript中的Date()问题
本文转自 http://www.cnblogs.com/yiven/p/6053872.html 留个笔记,嘿嘿var date = new Date('2016-11-11 11:11:11');document.write(date);改成这样:var arr = "2016/11/11 11:11:11".split(/[- : \/]/),da
2017-07-19 15:13:49
435
原创 浮动元素自动居中显示
因公司需要,测试了一个小效果,测试完了,公司又说不用了,刚好自己就拿来练手吧 根据需求 显示的效果要求:一行默认显示两个产品,如果只有一个产品默认居中显示,例如:总共10个产品,那么就显示5排,如果总共5个产品,那就是显示3排缺一个,第三排那个也就是5个里面的最后一个默认靠左对齐。 测试了挺久,发现纯css实现不了,还是需要写行js哈。以下是测试的代码,如有问题,请大家指出,好相互学习
2017-07-19 11:59:40
275
原创 关于 jquery bind()方法中不能绑定hover事件
简单来说就是使用下面这种方式替换使用 mouseenter 和 mouseleave 这两个事件来代替 (ps:同时这也是 .hover() 函数中使用的事件) .hover()事件是jquery自定义函数 就相当于mouseenter 和 mouseleave 这两个事件 它并非一个真正的事件 所以不能在bind()方法中当作参数使用。
2017-06-24 18:37:32
2695
原创 sass学习记录
SASS是什么?它是一种css开发工具,让css开发变得更简单和可维护。一 、先安装RubySASS是Ruby语言写的,但是两者的语法并没有关系,不懂Ruby,同样可以使用sass。但是先必须得安装Ruby, 然后再安装sass。 如果已经安装好了Ruby 直接可以在命令行执行以下命令:gem install sass 如果没有报错信息,那就说明安装成功,可以使用啦!
2017-06-20 09:39:26
303
转载 CSS font-family常见中文字体对应的英文名称
转自大神的文章,供自己参考http://www.zhangxinxu.com/wordpress/2017/03/css-font-family-chinese-english/
2017-06-19 18:26:56
373
原创 非Number 类型的数字相加转换 千位数添加逗号,等问题
随便整理了个小案例,对于我来说这是由很多个知识点结合而成的。。整出来也是不容易哈,有错误也可以指点出来,后期可以改正* {padding: 0;margin: 0;}li {list-style: none;}#co-shipping-method-form {margin: auto;width: 400px
2017-06-08 16:37:30
662
转载 js浮点运算问题分析与解决
昨天遇到关于浮点运算的问题,找了半天资料也没找到合适的,后面无意间找到了下面这篇文章,完美解决了当前所遇到的问题。供大家参考哈! http://madscript.com/javascript/javscript-float-number-compute-problem/
2017-06-07 09:58:20
343
原创 js获取当前时间 显示的格式类型2017-06-03 16:13:12
**需用到的html代码:**divid="times">显示时间的位置div>**jq代码:**function times(){var currenttime = new Date();var years = currenttime.getFullYear();var months = currenttime.getMonth() + 1; /
2017-06-03 16:41:27
428
原创 js实现倒计时
**html部分**天时分秒JS部分: function counttime(){var starTime = new Date("2017/6/4 12:22:00");var nowTime = new Date();var endTime = starTime - nowTime;var days = parseInt(en
2017-06-03 16:30:54
292
原创 关于滚动条滚动到指定位置触发jq事件和html锚点
html代码: 点击我就会跳到第一段点击我就会跳到第二段点击我就会跳到第三段 我是标题一我是标题二我是标题三jq锚点滑动效果代码:$(function() {$(".div_md a").click(function() {$("html, body").animate({scrollTop: $($(this).attr("
2017-06-02 11:22:05
11502
转载 git使用方法教程
http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
2017-04-17 17:36:35
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人