![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Red_Liu
我为搬砖人,哪里需要哪里搬。
展开
-
两个div上下之间有缝隙
两个div上下之间有缝隙,如何解决?原创 2022-06-09 16:08:05 · 1658 阅读 · 0 评论 -
API工厂-单页面功能-wxParse解析富文本
使用api工厂后台,微信小程序名片项目中单页面功能用wxParse解析富文本原创 2022-01-17 16:50:36 · 330 阅读 · 0 评论 -
css字间距 与 Photoshop里字间距关系
自己整理了一份 以后再做补充原创 2019-12-07 14:51:16 · 1018 阅读 · 2 评论 -
PC/手机端导航按钮效果
PC/手机端导航按钮效果原创 2021-03-20 14:18:32 · 187 阅读 · 0 评论 -
js 判断是否是手机or电脑浏览做出其他动作
js 判断是否是手机or电脑浏览做出其他动作原创 2021-03-20 13:32:08 · 156 阅读 · 0 评论 -
新闻特殊排版js效果
新闻特殊排版js效果原创 2021-01-05 14:40:58 · 254 阅读 · 0 评论 -
高德的图创建实例记录 JSAPI 2.0
<div id="lhwmap" style="width:100%;height: 400px;"></div><script src="https://webapi.amap.com/maps?v=2.0&key=f301688cccdde2e101fc68571038a9b7"></script><script> var map = new AMap.Map('lhwmap', { viewM原创 2020-08-01 13:28:44 · 394 阅读 · 0 评论 -
强制浏览器使用webkit内核
<meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><meta http-equiv="X-UA-Compat`在这里插入代码片`ible" content="IE=Edge,chrome=1"/>详细解释强制Chromium内核,...原创 2020-04-14 11:48:09 · 1142 阅读 · 0 评论 -
html 空格
不换行空格 一个字符宽度,  全角空格 ,一个中文字的宽度;原创 2019-12-02 15:27:24 · 324 阅读 · 0 评论 -
CSS如何让文字不换行 word-break: keep-all;
如果用其他方式没效果,可以尝试下面的css代码CSSdiv{ word-break: keep-all;}原创 2019-07-23 09:48:08 · 2872 阅读 · 1 评论 -
网站添加QQ客服功能
网站上在线QQ客服<a href="tencent://message/?uin=123456789&Site=在线客服">Q Q:123456789</a>同时需要设置临时会话功能原创 2019-07-23 09:09:36 · 398 阅读 · 0 评论 -
js实现导航菜单点击切换选中时高亮状态
<script> $(function(){ var urlstr = location.href; var urlstatus = false; $(".nav a").each(function(){ if ((urlstr + '/').indexOf($(this).attr('href')) > -1 ...转载 2019-07-12 15:18:44 · 1768 阅读 · 0 评论 -
WOW.js and AOS.js 插件使用
wow.js官网<link rel="stylesheet" href="css/animate.css"><script src="js/wow.min.js"></script><script> new WOW().init();</script><section class="wow slideInLeft" d...原创 2019-07-16 11:42:39 · 1625 阅读 · 0 评论 -
css 立体字效果-Contact us
效果:html<div class="fl"><b>contact us</b></div>css:div.fl b { color: rgba(0,0,0,0.5); font-size: 11em; display: block; text-transform: uppercase; pos...原创 2019-04-28 16:27:26 · 1606 阅读 · 0 评论 -
css 长度单位 rem
rem 是更具根元素进行适配的,网页的根元素是html。我们通过设置html的字体的大小就可以控制rem的大小。html{ font-size:16px;}0.875rem = 14px/16px0.75rem = 12px/16px...原创 2019-05-08 11:12:19 · 158 阅读 · 0 评论 -
js for循环 substring()
效果123456789234567891345678912456879123567891234678912345789123456891234567912345678var s="123456789";for(var i=0;i<s.length;i++){document.write(s.substring(i)+s.substring(0,i)+"<br/&...原创 2019-05-10 09:34:47 · 469 阅读 · 0 评论 -
导航效果
CSS .nav li { position: relative; float: left; font-size: 16px; line-height: 40px; padding: 0 22px;}.nav li a { position: relative; display: block; color: #897A70;...原创 2019-06-06 16:57:51 · 65 阅读 · 0 评论 -
js代码片段之 捕获的元素内容转换成数组
HTML<ul class="navs"> <li><a href="">网站首页<span>HOME</span></a></li> <li><a href="">关于我们<span>ABOUT US</span></a></li> ...原创 2019-06-20 09:39:49 · 691 阅读 · 0 评论 -
前端效果
前端效果0x1[http://www.htmleaf.com/jQuery/Slideshow-Scroller/201502161387.html](Owl Carousel 2-支持触摸屏的响应式jQuery旋转木马插件)Owl Carousel 2是上一版Owl Carousel的升级版本。Owl Carousel 2可以让你创建漂亮的响应式旋转木马的jQuery插件,它支持移动触摸...原创 2019-06-04 11:29:40 · 258 阅读 · 0 评论 -
返回顶部 jq 效果
HTML<div class="toTop_l">top</div>CSS.toTop_l{ width:50px; height:50px; text-align:center; text-transform:uppercase; position: fixed; bottom:100px; right: 10px; backgro...原创 2019-06-26 17:00:33 · 82 阅读 · 0 评论 -
加入收藏js
HTML<a href="javascript:;" onclick="AddFavorite(window.location.href,'加入收藏');" title="">加入收藏</a>JAVASCRIPT<script type="text/javascript"> function AddFavorite(url,title){...转载 2019-07-08 10:59:14 · 1267 阅读 · 0 评论 -
javascript 知识导图
JavaScript变量JavaScript 运算符JavaScript 数组JavaScript 流程语句JavaScript 字符串函数JavaScript 函数基础JavaScript 基础 DOM 操作DOM 对象BOM 浏览器对象模型JavaScript 正则表达...转载 2019-07-03 14:02:48 · 182 阅读 · 0 评论 -
css overflow:hidden清除浮动 理解
div 添加背景不显示又 因为 overflow:hidden 会影响其他效果展示可以用替代的样式display:inline-block;width:100%;原创 2019-07-13 17:05:04 · 97 阅读 · 0 评论 -
高德的图创建实例记录
<div id="lhwmap" style="width:800px;height:800px;"></div>JS 部分:<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.1&key=xxxxxx此处添加KEY值"></script> ...原创 2019-04-16 11:54:57 · 154 阅读 · 0 评论