
网页
喵喵学姐
这个作者很懒,什么都没留下…
展开
-
【Html】JS实现左滑删除功能及注意要点
实现思路:使用touchstart事件与touchmove事件获取到的位置做判断,从而知道是左滑还是右滑,左滑则显示删除按钮,右滑则隐藏。具体代码看下面~touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。Html:<div class="item"> <div class="item-box">原创 2022-01-29 16:48:14 · 2397 阅读 · 0 评论 -
【vue】设置网页的标题和图标
设置步骤:在根目录下找到并打开index.html文件;设置的图标需要存放在static文件夹下(亲测存放在改文件夹下浏览器才可以找到);在index.html → head → title标签里修改自己想要的名称;然后在head下引入图标:<link rel="Shortcut Icon" href="static/favicon.ico" type="image/x-icon">...原创 2020-10-21 19:33:52 · 2788 阅读 · 0 评论 -
导航栏 实现标签之间用竖线“|”分隔的六种写法
导航栏 a标签用竖线“|”分隔的六种写法html代码:<div class="navigation-bar"> <a class="item active" href="#home">首页</a> <a class="item" href="#aboutus">关于我们</a> <a class="item" href="#service">专业服务</a></div>效果图:原创 2020-08-26 15:04:28 · 26540 阅读 · 0 评论