- 博客(28)
- 收藏
- 关注
RSS订阅原创 css左右循环移动动画
css左右循环移动动画animation: finger infinite 2s@keyframes finger { 0% { transform: translate(-5px) } 25% { transform: translate(5px) } 50% { transform: translate(-5px) } 75% { trans
2020-08-21 09:41:18
4435
原创 CSS实现横向滚动
//父元素 overflow-x: auto; overflow-y: hidden; white-space: nowrap; //子元素 display: inline-block; 感觉弹性布局好像对横向滚动有影响，
2020-03-10 21:10:20
583
原创 CSS实现横向滚动条
//父元素 padding: .22rem .22rem .45rem; border-bottom: .08rem solid #f5f7f9; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; //子元素 width: 1.06rem; height: 1....
2019-12-18 14:38:15
1719
原创 jquery点击相同的类，改变当前点击样式
$('.btm-img-con').click(function() { $(".btm-img-con ").removeClass("img-hover"); $(this).addClass("img-hover"); })
2019-10-18 15:39:49
905
3
原创 vue的实现自定义下拉select样式
<template> <div class="select"> <div class="select-head c-row a-c j-b" v-on:click="changeSiteTitle()"> <span class="...
2019-10-15 09:46:40
2522
原创 取到链接问号后面的的值
file:///C:/Users/Administrator/Desktop/SVN/jirichaxunH5/detail.html?select=2019-9-17function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式...
2019-09-17 09:46:35
719
原创 锚点的动态效果
// 锚点动态效果$(‘body’).on(‘click’, 'a ', function() {$(“html, body”).animate({scrollTop: ((((this).attr(“href”)).offset().top + “px”}, 500);return false;});
2019-09-09 15:13:17
350
原创 移动端内滚动高度自适应
评论内容部分实现滚动，高度自适应1，首先设置body 不能滚动 overflow: hidden;height: 100%;2 .滚动位置设置绝对定位，并设计上下左右的距离height: auto;overflow: scroll;position: absolute;width: 100%;bottom: 1rem;z-index: -1;top: 6.4rem;left:...
2019-08-27 14:12:13
673
转载 此图片来自微信公众平台 未经允许不可引用
转发微信公众平台的图片时，可能不少同学遇到了“此图片来自微信公众平台 未经允许不可引用”的问题。这是由于微信公众平台的图片防盗链机制造成的。原理可以参考图片防盗链原理解决方法：1.伪造一个目标网站的Referer头信息2.在head中加上3.反向代理mmbiz.qpic.cn————————————————版权声明：本文为优快云博主「mUncleWang」的原创文章，遵循CC 4.0...
2019-08-27 09:38:07
424
原创 如何把两个对象数组通过相同的id合并到一起？
listMsg.forEach(function(o, d) {for (var k in o) {list.forEach(function(t) {for (var key in t) {if (t.Id == o.Id) {t[k] = o[k];} } }) ...
2019-08-24 12:06:17
3783
原创 取到对象数组中某个属性的值，并返回一个数组
var result = detailList.map(function(item) {return item.Id;});
2019-08-20 16:41:25
8251
原创 微信小程序根据经纬度获取位置信息
var QQMapWX = require(’…/…/utils/qqmap-wx-jssdk.js’);getLocation: function() {var that = this;var locationString = wx.getStorageSync(“latitude”) + “,” + wx.getStorageSync(“longitude”);wx.request({...
2019-08-16 10:21:47
2409
原创 css上下箭头样式
.address-dire{border-right: 1px solid #666;border-bottom: 1px solid #666;height: 15rpx;width: 15rpx;transform:rotate(45deg);margin-left: 10rpx;margin-top: -3rpx;}.address-change{border-right...
2019-08-13 11:01:17
2038
原创 video在小窗口内播放
html += '<video controls="controls" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" class="topI...
2019-08-08 11:30:07
2072
原创 弹性布局不足一行怎么让元素居左显示
让弹性布局的子元素使用伪类.flowerImgItem:nth-child(3n-1) {margin: 0 .2rem;}.2rem为子元素与子元素之间的间隔；父元素使用 flex-wrap: wrap;自动换行属性在这里插入图片描述...
2019-08-08 09:38:58
1086
原创 h5微信分享
function WeiXinShare(title, link, imgurl, sharedesc) {var _data = {url: location.href,t: Math.random()};var _getWechatSignUrl = ‘/home/JsSdk’;$.ajax({url: _getWechatSignUrl,data: {tempurl: lo...
2019-07-31 13:44:05
197
原创 html遮罩层怎么写
.code_mask {width: 100%;height: 100%;background-color: #000;position: absolute;top: 0;left: 0;z-index: 1000;opacity: 0.3;}
2019-07-19 14:26:44
827
原创 html垂直水平居中
position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);
2019-07-19 14:14:10
259
原创 html超出限制几行内隐藏
overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;有 -webkit-line-clamp不要设置高度
2019-07-03 15:35:35
579
原创 微信小程序image作为全屏背景变形问题
<image class='banner2' mode="aspectFill" src='../../image/bg.jpg'></image>直接设置成100%会有拉伸变形问题.banner2 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}...
2019-07-03 14:54:39
1236
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人