移动端web头部header通用写法 2023年09月02日3个月前 WEB前端 夜雨轻寒 165℃ 1.head部分 通用写法;网上也有,不过有的可有有的可无;原理是兼容IOS透明栏目等问题,再者就是viewport(关键)<head><metacharset="UTF-8"><!--优先使用IE最新版本和Chrome--><metahttp-equiv="X-UA-Compatible"content=&
一行CSS代码实现整个网站网页变黑白灰的效果 2022年12月01日1年前 WEB前端 夜雨轻寒 391℃ 背景在全国哀悼日(吊念地震、疫情等),如果你也是站长,想做点什么,那么可以把网站编程黑白以示哀悼。下面分享一行代码实现整个网站网页编程黑白灰色的效果,主要是通过修改 CSS 的方式实现的(如果想要全站去彩色、最好放到基础公共的css文件中全局引用)实现网站黑白灰效果的代码以下代码其实合并在一行就可以,所以...
jQuery实现显示页面滚动进度功能 2022年11月18日1年前 WEB前端 夜雨轻寒 351℃ 随意写了一个jQuery小工具,DEMO在这页上就有啦~首先是显示在顶部的进度条,使用以下的CSS:.scroll-line{height:2px;margin-top:-1em;background:gray;width:0%;}以及以下的JS:$(window).scroll(function(){varwintop=
CSS - 鼠标移入悬停显示下拉菜单(导航栏鼠标经过 hover 时出现二级菜单) 2022年11月17日1年前 WEB前端 夜雨轻寒 388℃ 前言该效果很常见,网上的代码都非常的乱,样式改起来非常难受。本文提供 “最简洁” 的解决方案与干净整洁的代码,一眼看过去就知道改哪里,配合 Vue.js 项目非常合适,如下图所示:完整源码您建立一个干净的 *.html 文件,或者直接选择性复制即可。<sectionclass="content">&nb
网站添加本站已稳定运行XX天的统计代码 2022年09月22日1年前 WEB前端 夜雨轻寒 437℃ 看到很多站长,都喜欢在自己网站的底部加入“本站已稳定运行多少天”的小功能 下面用js把功能复现一遍JavaScriptfunctionshowsectime(){varbirthDay=NewDate("2019-05-13");//这里修改站点开启日期&n
鼠标点击页面出现富强自由等文字JS特效 2022年08月28日1年前 WEB前端 夜雨轻寒 481℃ 今天在其他博客看到一个JS特效,感觉有点意思,所有就网上收集过来分享给小伙伴。特效具体的效果可以参考本博客,只要添加了点击特效代码,点击页面会显示:富强, 民主, 文明, 和谐, 自由, 平等,公正 ,法治, 爱国, 敬业, 诚信, 友善把以下代码添加到当前主题的footer底部公共文件中即可注意:此代码引用到了jquery,如果没...
如何让高度不确定的div中文字水平垂直居中 2022年07月21日1年前 WEB前端 夜雨轻寒 528℃ 平时我们前端布局的时候,经常遇到需要文字垂直居中但是高度不确定的情况,那么在不知道自己高度和父容器高度的情况下, 利用绝对定位只需要三行。
uni-app微信小程序封装全局判断是否登录方法结合全局变量 2022年07月09日1年前 WEB前端 夜雨轻寒 598℃ 新建的uni-app项目会有个app.vue文件,在此文件下 onLaunch应用生命周期封装一个方法(把全局变量定义一下):注意:onLaunch应用生命周期只会触发一次
HTML中的<meta/>标签居然能搞动画? 2022年05月31日1年前 WEB前端 夜雨轻寒 706℃ 对于一名前端工程师来说,meta标签是再熟悉不过了。初学前端时,写的最多的就是下面的这句了:<metacharset="UTF-8"/>但是大多数前端er对meta的认识基本上就止步于此了,不要小看它,小标签却能实现大功能。这篇文章就来带着大家一起重新认识下常常被我们忽略的 meta 标签吧什么是 metameta 是
jQuery List DragSort 列表拖动排列插件 2022年04月27日1年前 WEB前端 夜雨轻寒 804℃ 对于有些页面,如首页的定制,需要进行动态的拖拽排序。由于自己实现比较困难,我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面上的素动态地推拽,进行排序。dragsort是一个jquery插件,我们使用起来非常方便。
jq判断是PC还是手机端的方法 2022年03月30日1年前 WEB前端 夜雨轻寒 619℃ 这篇文章主要介绍了JS判断页面是手机端还是在PC端打开的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的小伙伴们来一起学习学习吧。
怎么禁止别人复制前端页面的图片和文字? 2022年03月18日1年前 WEB前端 夜雨轻寒 700℃ 这个一般是很难防止的,下面的方法仿君子不防小人,小伙伴们可以参考一下以下代码放到页面共用底部或者需要禁止的页面中就可以<scripttype="text/javascript">//禁止鼠标右键事件$(function(){
Ajax无刷新点击加载和滑动加载列表内容 2022年02月17日1年前 WEB前端 夜雨轻寒 773℃ Ajax无刷新加载内容,看起来高大上一点,但是对SEO是不太友好的,所以在使用的时候应该有个取舍。实现步骤一、点击更多按钮加载内容1、首先,添加一个按钮用来触发事件。<button class="more" type="submit">加载更多</button>2、js代码部分,先引入jQuery<script type="text/ja...