前端效果
lijiong521
这个作者很懒,什么都没留下…
展开
-
https网站使用百度地图
1.首先去百度地图开放平台申请密钥。应用类别为浏览器浏览器端2.在http://api.map.baidu.com/lbsapi/createmap/生成代码。3.将默认的 http://api.map.baidu.com/api?v=2.0&ak=您的密匙改成https://api.map.baidu.com/api?v=2.0&ak=jogom4MRdf5D3FTGXlvrpnwdY4nYlv4b&s=1HTTP一定加S。 后面一定加参数&s=1...原创 2020-07-12 13:01:05 · 742 阅读 · 0 评论 -
解决点击 锚点置顶内容 被导航遮挡
工作中我第一次遇到这种情况,因为是接手公司的老项目,在原来项目的基础上修改,而且这项目里的相应文件都非常乱,结构、样式、行为都不分离的,处理起来有点棘手,看着代码脑袋都疼;由于点击锚点,内容会默认置顶,被导航栏遮住。一开始我都在网上找解决的方案,但是后来,我还是选择了一个比较笨的办法,就是将锚点所在的元素独立出来如下:<a name="anchor"style="display:block;height:44px;margin-top:-44px;"></a>给锚点所在元.转载 2020-05-24 23:48:48 · 1085 阅读 · 0 评论 -
swiper在不同设备不同分辨率下显示不同的slide
如下图所示。在不同设备下显示的Slide数量不同。做法如下。设置 slidesPerView:'auto',然后设置不同分辨率下slide的宽度就可 .swiper-slide{ width: 25%;} .swiper-slide{ width: 33.3%;} .swiper-slide{ width: 50%;}...原创 2020-04-01 22:14:06 · 2450 阅读 · 0 评论 -
如何在一个页面用多个swiper插件
<!-- Swiper --> <div class="swiper-container swiper1"> <!--自定义新增class:swiper1 js代码中使用类名--> <div class="swiper-wrapper"> <div class="swiper-slide"&g...转载 2020-03-11 18:48:18 · 1145 阅读 · 0 评论 -
页面切图时如果引用PS中的字体(使用服务器字体)
比如PS中有文字字体为思源字体。这时候就需要引用服务器字体。1.下载SourceHanSansCN-Regular.TTFhttps://www.fontke.com/font/18839412/download/2.解压得到左边文件3.找到在线font-face生成器https://www.fontke.com/tool/fontface/根据提示上传SourceH...转载 2020-03-04 23:32:06 · 926 阅读 · 0 评论 -
wow.min.js使用方法汇总
Wow.js 允许用户滚动页面的时候展示 CSS 动画。默认的,用户可以使用它来出发 animate.css 动画。但是用户也可以非常容易修改设置喜欢的动画库。WOW.js 需要 animate.css 配合,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。wow.min.js可以实现在滚动下的动画状态。使用方法:1、加入animate.css&...转载 2020-03-01 01:11:38 · 4950 阅读 · 0 评论