碧果果

2020年7月23日

摘要：效果图：代码： <img id="bigImg" src="images/xiaotuituji1.png">//大图片 //小图片 <div class="imge-list"> <ul id="list"> <li><img class="smalimg" src="images/xiaotu 阅读全文

posted @ 2020-07-23 14:32 碧果果阅读(182) 评论(0) 推荐(0) 编辑

js获得ul li 下的img的src属性

摘要：代码 html: <ul id="list"> <li><img class="smalimg" src="images/xiaotuituji1.png"></li> <li><img class="smalimg" src="images/xiaotuituji2.png"></li> </ul 阅读全文

posted @ 2020-07-23 14:23 碧果果阅读(1414) 评论(1) 推荐(0) 编辑

2020年7月22日

移动端左右滑动导航

摘要：实例参考博客：https://www.cnblogs.com/leshao/p/9917313.html SuperSlide:http://www.superslide2.com/demo.html 样式：参考博客+SuperSlide SuperSlide 阅读全文

posted @ 2020-07-22 10:33 碧果果阅读(356) 评论(0) 推荐(0) 编辑

2020年7月21日

边框加阴影

摘要： box-shadow: 0rem 0.3rem 1.7rem 0rem rgba(123, 123, 123, 0.3); 效果阅读全文

posted @ 2020-07-21 10:27 碧果果阅读(127) 评论(0) 推荐(0) 编辑

2020年7月20日

移动端网站根据设计稿动态设置rem

摘要：一、例如设计的UI图尺寸是1366宽的，则正常页面往下滚动的是情况下，输入UI图设计的尺寸，可以是1366，也可以是1920 等；于是就用rem单位适配，根据根节点换算 // 初始化 let self = this; window.onload = function() { /*1366代表设计师给阅读全文

posted @ 2020-07-20 11:10 碧果果阅读(534) 评论(0) 推荐(0) 编辑

2020年7月18日

使用git命令

摘要：一、安装下载和安装详情：https://jingyan.baidu.com/article/020278117cbe921bcc9ce51c.html 参考：https://www.cnblogs.com/liushuncheng/p/7235538.html 二、使用 git常用命令新建git 阅读全文

posted @ 2020-07-18 14:52 碧果果阅读(210) 评论(0) 推荐(0) 编辑

HTML返回顶部

摘要：一、添加一个超链接，然后给其href="#top",则可以使用 <a href="#top" class="btn" title="回到顶端"></a> 二、第二种 href指向特定的id <body id="goTop"> <div class="box"> <img src="1.jpg"> < 阅读全文

posted @ 2020-07-18 08:50 碧果果阅读(1313) 评论(0) 推荐(0) 编辑

2020年7月17日

网站开发小技巧总结

摘要：一、对于css的编写 1、使用less预编译器，提高开发效率 .header{ padding: 26px 0; .left{ float: left; .logoimg{ width: 110px; height: 75px; max-width: 100%; display: inline-bl 阅读全文

posted @ 2020-07-17 17:31 碧果果阅读(144) 评论(0) 推荐(0) 编辑

网站开发动态效果插件

摘要：一、SuperSlide SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的"导航“、焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决！从此无需网上苦苦寻觅特效，无需加载n个插件，无需害怕代码冲突，阅读全文

posted @ 2020-07-17 17:00 碧果果阅读(169) 评论(0) 推荐(0) 编辑

2020年7月16日

jquery获得ul下li的个数

摘要： var len = $("#list li").length; console.log(len); 阅读全文

posted @ 2020-07-16 16:02 碧果果阅读(559) 评论(0) 推荐(0) 编辑

公告