03 2020 档案

div导航滚动到固定位置，且锚点定位不精准解决办法
摘要：一、首页，设置导航效果： $(function () { //获取要定位元素距离浏览器顶部的距离 let p= $('#zsjz-nav').offset().top; $(window).bind("scroll",function () { //获取滚动条的滑动距离 let scroH = $( 阅读全文
posted @ 2020-03-30 16:11 moppet蔡蔡 阅读(1666) 评论(0) 推荐(0)
阿里iconfont图标的应用
摘要：如何引用阿里巴巴家的图标做自己的项目？ 登录账号,选择图标建成项目就略过了. 步骤1： 搜索具体需要的图标,选择加入项目 步骤2： 有三种方式,我选用Symbol方式,获得在线链接. 步骤3： 将在线链接放入html文件. 因为Symbol方式获得的是js文件,因此使用script标签.默认的是没有 阅读全文
posted @ 2020-03-17 11:23 moppet蔡蔡 阅读(226) 评论(0) 推荐(0)
flex常用属性
摘要：链接：https://www.jianshu.com/p/a87e48052fad来源：简书 不同浏览器兼容性问题解决：添加浏览器前缀：-webkit- 实际工作：安装插件postCss插件 -》不需要手动加前缀 父级身上的属性： display: flex; justify-content: 子元 阅读全文
posted @ 2020-03-12 12:09 moppet蔡蔡 阅读(545) 评论(0) 推荐(0)
layui基础调用
摘要：css部分 <link rel="stylesheet" href="layui/css/layui.css"> js部分： <script src="layui/layui.all.js"></script> 全局调用 <script> !function () { var table = lay 阅读全文
posted @ 2020-03-12 12:00 moppet蔡蔡 阅读(215) 评论(0) 推荐(0)
jquery插件---slick插件（响应式幻灯片）
摘要：转载来源：http://www.shejidaren.com/slick-slider.html 使用参数：https://blog.csdn.net/cddcj/article/details/52172863 参考此网站 出处：设计达人 随着移动端的普及，为了能让访客方便查看网页内容，网页幻灯片 阅读全文
posted @ 2020-03-12 11:58 moppet蔡蔡 阅读(1114) 评论(0) 推荐(0)
Jquery tabl选项卡
摘要：做网页的过程中，经常需要用到选项卡。 HTML代码： 1 <div class="new_con"> 2 <div class="newtel"> 3 <ul class="new_telst"> 4 <li class="">最新头条</li> 5 <li class="newon">硬件发烧友< 阅读全文
posted @ 2020-03-12 11:51 moppet蔡蔡 阅读(157) 评论(0) 推荐(0)
JQuery中stop方法的使用
摘要：转载来源：https://www.cnblogs.com/goodborder/p/5843050.html 在前台页面开发中有时候我们会需要一些比较酷的效果，这个时候使用JQuery中的动画来实现便显得非常的简单。 最近在工作中碰到了一个页面元素移动的效果，这是个简单的页面效果也非常容易实现。 在 阅读全文
posted @ 2020-03-12 11:45 moppet蔡蔡 阅读(464) 评论(0) 推荐(0)
Layui 内置方法 - layer.photos(相册层)
摘要：相册层，也可以称之为图片查看器。它的出场动画从layer内置的动画类型中随机展现。photos支持传入json和直接读取页面图片两种方式。如果是json传入，如下： 1 $.getJSON('/jquery/layer/test/photos.json', function(json){ 2 lay 阅读全文
posted @ 2020-03-12 11:12 moppet蔡蔡 阅读(6976) 评论(0) 推荐(0)