07 2022 档案

图片加载插件imagesLoaded配合jquery使用
摘要：背景：之前做项目的时候碰到了这么一个需求，在商品详情页顶部商品主图旁设置一个按钮，点击该按钮页面滚动到评论部分，想着很简单就直接用了scrollToElement(...)，看起来好像没问题，但因为按钮到评论之间有着大量图片，这导致了如果这些占有位置的图片的加载过程没有结束，就可能滚动到错误的位置， 阅读全文
posted @ 2022-07-19 13:28 隐形的喷火龙 阅读(447) 评论(0) 推荐(0)
圆形复选框
摘要：html <input type="checkbox" class="circle-checkbox" /> css /* 设置选中背景 */ .circle-checkbox:checked { background: #1673ff; } /* 设置复选框样式 */ .circle-checkb 阅读全文
posted @ 2022-07-12 15:01 隐形的喷火龙 阅读(792) 评论(0) 推荐(0)
video标签在iOS上不显示
摘要：解决这个问题只需在video标签中添加以下属性即可： muted x5-playsinline playsinline webkit-playsinline 1.muted:muted 属性是一个 boolean(布尔) 属性,用来设置视频、音频是否应该被静音，可用来解决报错Uncaught (in 阅读全文
posted @ 2022-07-12 10:39 隐形的喷火龙 阅读(1325) 评论(0) 推荐(0)
初识模板引擎art-template
摘要：1.下载并引入相关文件 <script src="lib/template-web.js"></script> 2.在html页面写下模板及html代码 <div class="web"> <ul></ul> </div> <script id="test1" type="art-template/ 阅读全文
posted @ 2022-07-05 15:31 隐形的喷火龙 阅读(52) 评论(0) 推荐(0)
用bootstrap轻松实现淡入淡出效果的轮播
摘要：<!DOCTYPE html> <html> <head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> 阅读全文
posted @ 2022-07-04 11:47 隐形的喷火龙 阅读(569) 评论(0) 推荐(0)
一个简单的放大镜demo
摘要：html部分： <div class="web"> <div class="goodsBox"> <img src="./small.jpg" alt="" /> <div class="mask"></div> </div> <div class="zoomBox"> <img src="./bi 阅读全文
posted @ 2022-07-03 20:53 隐形的喷火龙 阅读(31) 评论(0) 推荐(0)