HTML
marsur
这个作者很懒,什么都没留下…
展开
-
VScode Vue项目使用html代码自动补全插件
打开文件方式:在VScode中同时按住Ctrl+Shift+P,搜索配置文件。(3)父子标签:输入父标签>子标签,按下tab键。(2)多个相同标签:输入标签名*5,按下tab键。(4)兄弟标签:输入兄标签+弟标签,按下tab键。(1)单个标签:输入标签名称,按下tab键。原创 2022-10-20 17:45:51 · 9331 阅读 · 0 评论 -
Swiper实现渐显渐隐产品轮播图
效果图通过渐显渐隐的方式自动轮播产品图,点击底部的分页器也可以切换图片1.swiper插件下载地址https://3.swiper.com.cn/download/index.html2.加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。<!DOCTYPE html><html><head> ... <link rel="stylesheet" href="path/to/...原创 2021-08-31 11:07:42 · 1469 阅读 · 0 评论 -
纯CSS实现地图标记光圈扩散效果
效果图给地图上相应位置的定位添加光圈扩散效果,光圈由小变大,颜色由深色过渡到浅色,鼠标悬浮在圆点上时出现文字标签,大大丰富地图的视觉效果。html代码<div class="map-bg"> <p class="region-item"> <span class="region-spot">●</span> <span class="region-tab">美国分公司</span.原创 2021-08-30 14:37:42 · 1491 阅读 · 0 评论 -
移动端VUE实现一周课程表
效果图点击课程弹出课程详情代码使用嵌套的v-for循环去实现<template> <div class="class-table"> <div class="table-wrapper"> <div class="tabel-container"> <table> ...原创 2019-11-13 15:14:34 · 4459 阅读 · 2 评论 -
使用localStorage存储对象
localSstorage无法直接存储对象,可以利用json.stringify与JSON.parse的转换达到目的。json.stringify:将对象转换为 JSON 字符串JSON.parse:将JSON 字符串转换为对象function storageObj(obj) { var Str = JSON.stringify(obj); //将对象序列化 l...原创 2019-10-30 22:59:45 · 2281 阅读 · 0 评论 -
html根据地址栏携带的参数改变网站的title
<script> let url = window.location.href; //获取地址栏的url let id=""; if(!sessionStorage.getItem("id")){ //若本地存储的id值不存在 if (url.indexOf("?") != -1) { let str = url.subs...原创 2019-09-20 11:22:25 · 836 阅读 · 0 评论 -
P元素内数字和字母不能自动换行
为p标签设置CSS属性word-break即可p{ word-break:break-all;}原创 2019-09-25 15:47:07 · 458 阅读 · 0 评论