- 博客(30)
- 收藏
- 关注
RSS订阅原创 倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><span cla
2018-10-30 15:39:32
178
原创 分页js
//分页输入限制 function is_number(e) { var char_code = e.charCode ? e.charCode : e.keyCode; if (char_code < 48 || char_code > 57) { // layer.msg("只允许输入数字"); ...
2018-10-30 15:33:56
221
原创 css写直角梯形
<div class="price">导航</div>.price { position: absolute; font-size: 30px; display: block; color: #fff; height: 0; width: 259px; line-height: 72px; paddin...
2018-10-25 18:31:40
8342
2
原创 jq动态绑定
写了一个click事件发现没用，如下，错误的写法：$(".reason__icon").click(function () { if ($(this).siblings().text().indexOf("未命名") != -1) { $(this).append("<img src='../../../content/images/activity/sha...
2018-10-18 17:50:25
597
原创 定时器加时间戳实现当前时间是否处于某个时间内
要做一个直播课程的效果，如果当前时间为直播开始以及之后的一个小时内，显示为正在直播，如果直播结束，归为往期课程需要获取到当前客户端的时间，转换为时间戳，加一个定时器，和当前设置的时间进行比较，实现实时的比较。直播结束后，清除定时器。分别分三种状态，1.在直播开始和一个小时之内，显示直播中。2.当前时间小于设置的时间，显示未开始3.大于当前时间，归入往期课程。用data-ti...
2018-10-18 17:36:50
570
原创 回到顶部和回到顶部按钮的显示隐藏
function backToTop() { $('html,body').animate({scrollTop: 0}, 800);}function show() { $(window).scroll(function () { if ($(window).scrollTop() > 100) { ...
2018-09-29 16:29:36
2783
原创 文字向上滚动
function autoScroll(obj) { $(obj).find("ul").animate({ marginTop: "-30px" }, 1000, function () { $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this); })}f...
2018-09-29 16:27:56
845
1
原创 导航栏点击选中
//导航点击选中 $(document).ready(function () { var lochref = $.trim(window.location.href).toLowerCase(); if (lochref.indexOf("/smart/") > -1) { $(".nav__item--title")...
2018-09-26 18:24:58
1142
原创 点击回到顶部
<div class="right"><div class="goTop"></div></div>$(function () { $(function () { $(window).scroll(function () { if ($(window).scrollT...
2018-09-20 17:44:30
289
原创 制作动画的素材和资源
通过Lottie将 AE 动画转换成web原生动画1、如果电脑没有AE就安装AE，AE的版本需要是AE CC2014或以上。（以AE CC2018 为例）2、安装Bodymovin插件。将lottie-web的项目克隆或下载ZIP并解压到本地(地址:https://github.com/airbnb/lottie-web); 下载安装ZXP Installer https://aes...
2018-09-20 17:13:31
2370
原创 ajax表单验证
<form id="enrolForm"> <div class="form__content"> <div class="form__item clearfix"> <div class="lable__box">&am
2018-09-20 17:09:14
1295
原创 js判断电脑是32位、64位还是mac系统
var agent = navigator.userAgent.toLowerCase(); var isMac = function() { return /macintosh|mac os x/i.test(navigator.userAgent); }(); if (agent.indexOf("win32") >= 0 ...
2018-08-30 15:27:06
2687
1
原创 sublime设置语法自动整齐快捷键技巧
打开sublime编辑器preference>>key bindings-user>>编辑设置文档，输入 { "keys": ["ctrl+q"], "command": "reindent" },保存，然后快捷键ctrl+q就可以自动帮你整理代码了,在整理前ctrl+a全选。...
2018-08-21 09:22:33
8257
3
原创 多行文本显示省略号
.comment_inner{ width: 200px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方...
2018-08-20 14:39:40
166
原创 移动端滚动一屏swiper的使用
先在swiper官网下载需要的js和css文件：https://3.swiper.com.cn/download/index.html1.首先新建一个文件夹，文件夹中创建html文件，一个css文件夹，js文件夹，images文件夹。2.在html文件引入css和js 第一步 <link rel="stylesheet" href="../css/swiper-3.4.2....
2018-08-02 17:49:40
3092
原创 如何在A4相纸上打印4张5寸相片
第一步，打开ps，点击文件-新建，新建一个空白文档，宽度设置为12.7cm，高度设置为8.9cm，分辨率设置为300，rgb颜色设置为8位。如下图：第二步，设置完点确定，然后把要修改的图片拖进来。按住shift+alt，去拉图片四个角其中一个的角，这样是为了图片放大缩小的时候等比缩放，让图片不会变形，放大或缩小到合适的尺寸后。第三步，同时按住ctrl+shift+alt+e键，进行盖印操作，盖印完...
2018-06-30 15:17:23
14178
转载 chrome表单自动填充导致input文本框背景变成偏黄色问题解决
chrome表单自动填充后，input文本框的背景会变成偏黄色的，想必大家都会碰到这种情况吧，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的，解决方法如下，感兴趣的朋友可以了解下chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-au...
2018-06-26 17:21:43
269
原创 设置select的默认选中项的颜色
默认选中项为灰色，选中之后变黑<script>var unSelected = "#999";var selected = "#333";$(function () {$("select").css("color", unSelected);$("option").css("color", selected);$("select").chan
2018-06-26 16:54:59
14631
原创 设置placeholder的字体大小
/*修改提示文字的颜色*/input::-webkit-input-placeholder { /* WebKit browsers */ color: #bababa; font-size:14px;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bababa; font-size:14px;} input::-m...
2018-06-20 11:20:13
14613
转载 两个并排的div顶部对齐
问题：在一个大的div里面有两个并列的div，因为div中的内容不同，导致两个div的上部不对齐。原因：每个浏览器会有自己的一种定义布局的方式。有些默认上对齐，有些默认下对齐。解决方案：两个div都设置一下样式：style=”vertical-align:top;”使其全部上对齐，就可以了。...
2018-06-20 11:18:59
6292
原创 页面滚动到某个位置，视频开始播放
1.控制视频自动播放昨天想让页面滚动到视频播放器的时候，视频才自动播放，一开始用的设置autoplay=autoplay，后来发现不行。百度说：jQuery只是操作了DOM的属性，虽然为标签成功加上了autoplay属性，但视频框架早已经加载完成了，后加上的autoplay属性对其没有作用。应使用HTML5 Video自带的API来控制视频播放，下面的例子实现了鼠标悬停到视频上方自动播放，鼠标移出...
2018-06-13 10:32:55
5843
2
原创 chrome浏览器去掉HTML5 video下载按钮
视频播放器在谷歌浏览器一直显示有一个下载按钮，在其他浏览器没有，产品说不想让用户下载，让去掉下载按钮，百度了很多说用css控制，试了都没效果，最后找到了这个方法，试了一下，可以去掉<video width="512" height="380" controls controlsList="nodownload"> <source data-src="mov_bbb.ogg...
2018-06-11 17:44:50
3327
1
原创 解决ie9字体不垂直居中方法
1、将中文字体汉字转换为Unicode编码“黑体”对应Unicode编码为“\9ED1\4F53”“宋体”对应Unicode编码为“\5B8B\4F53”“仿宋”对应Unicode编码为“\4EFF\5B8B”“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”将汉字转换为Unicode编码的字符，即成功设置相应字体，又兼容IE9浏览器支持垂直居中line-height...
2018-06-11 15:02:02
1084
原创 父元素设置透明度，子元素受影响的解决办法
父元素设置了opacity：0.8，子元素也跟着透明了，后来发现是子元素会继承父元素的opacity。解决方法： .produce{background: #2c3e50；opacity：0.8} 这种写法就算给子元素重新赋值opacity：1；他也同样会继承父元素opacity的值。 正确写法： background:rgba(44,62,80,.8);...
2018-06-09 10:58:10
1997
转载 让sublime text3支持Vue语法高亮显示
1.准备语法高亮插件vue-syntax-highlight。下载地址：https://github.com/vuejs/vue-syntax-highlight下载页面并下载：解开压缩包vue-syntax-highlight-master，其内所有文件备用。 2.将vue-syntax-highlight植入sbulime。进入sublime，选择菜单项“Preferences->Bro...
2018-03-08 17:54:45
420
原创 li浮动，第二排前边几个空了
li设置浮动，本来是两行，每行4个，第二行前边几个空了。各种调整都没用。就是这样：百度后找到原因，是每个li的高度不一样造成的，设置了每个li相同的高度，问题解决了。
2017-12-13 16:20:19
852
2
原创 css通用技巧
兼容屏幕大小的样式body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,font,img,q,strong,tt,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,tbody,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 1
2017-10-31 12:15:16
245
原创 关于scrollIntoView()方法
类似与锚点的用法，可以让元素跳到需要的地方。html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/jquery-1.9.1.min.js">script> style> .in-top{ width: 120
2017-08-11 11:44:14
3802
1
原创 分页
<div class="pageDiv"> </div>(function ($) { var ms = { init: function (obj, args) { return (function () { ms.fil...
2017-08-11 10:37:57
201
原创 锋利的jquery表单验证
html>html lang="en">head> meta charset="UTF-8"> title>表单验证title> script src="jquery-1.10.2.js">script> style> .formtips{ width: 80px; height: 20px;
2017-04-28 11:27:08
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人