Apr022020
哀悼日-实现网页变灰色的方法
哀悼日期间经常需要把网页设置为灰色状态，现总结一下方法以备后用，在网站的CSS文件中的顶部加入如下代码：
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
或者：
html *{filter:gray; color:gray;-webkit-filter: grayscale(100%);}
以上代码即可使网页变灰色，即黑白色。如果你的网站没有引用CSS文件，那么可以在网页的...阅读全文
抢沙发
Apr012020
使用Vue3和TypeScript开发小程序自定义Tab栏，实现自定义凸出TabBar效果
简介
在UniApp开发中，我们常常需要自定义小程序的Tab栏，以实现个性化的页面展示效果。本文将介绍如何使用Vue3和TypeScript开发自定义Tab栏，并实现自定义凸出TabBar效果。
准备工作
在开始之前，我们需要确保已经安装以下工具：
Node.js：用于运行npm命令。
HBuilderX：UniApp开发工具。
创建新项目
首先，我们需要在HBuilderX中创建一个新的UniApp项目。打开HBuilderX后，选择“新建...阅读全文
Mar302020
Lee dialog 超好的弹出层(jquery弹窗)效果,基于jquery插件
超好的 Jquery 弹出层(弹窗)效果，基于jquery插件Lee dialog1.0，代码简单易懂，修改十分方便，效果却很强大，作者：十字花匠，十字花匠的博客已经不能访问了，博主在此对其表示敬意。jquery lee dialog 弹出层效果如下图所示：
各种演示已经相关代码这里就不贴出来了，下面提供一下 插件的相关参数的设置方法以及 lee dialog 1.0 的下载地址，里面有各种用法的案例，读者可自行下载研究...阅读全文
Mar262020
Mar242020
JS实现上传的PDF文件预览
在web开发中，我们经常需要处理文件的上传和预览。本文将介绍如何使用JavaScript实现上传的PDF文件的预览功能。
1. HTML部分
首先，我们需要在页面中加入一个用于选择和上传文件的输入框，以及用于显示预览的容器。在HTML的body标签中添加如下代码：
<input type="file" id="fileInput">
<div id="previewContainer"></div>
2. JS部分
接下来，我们使用JavaScript来实...阅读全文
Mar232020
图片水平垂直居中对齐的四种做法
在前端开发制作中，图片垂直居中对齐是很常见的，有些是固定高度，有些没有固定高度，本文分享我用的四种方法，希望对你有所启发。
以下说的做法暂不考虑IE浏览器的兼容性，适用于移动端。
以下的做法中假定外层的高度和宽度已经固定。通用HTML和CSS代码：
<div class="img">
<img src="http://dummyimage.com/200x200/f66/"/>
</div>
.img {
width:300px;
hei...阅读全文
Mar172020
Mar172020
使用jQuery实现页面滑动动画，吸引用户注意力！
在网页设计中，吸引用户的注意力是非常重要的，而滑动动画是一种直观而又有趣的方式，可以吸引用户的眼球。在本篇博客中，我们将学习如何使用jQuery来实现页面滑动动画，让你的网页更具有互动性和吸引力。
准备工作
在开始之前，你需要先引入jQuery库。你可以从官方网站下载jQuery，或者使用CDN链接进行引入。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></scr...阅读全文
Mar162020
Mar132020
如何使用jQuery实现图片放大效果
在网站中，图片是非常重要的内容之一。为了提升用户体验，图片放大效果经常被用来展示高清晰度的图片细节。在这篇博客文章中，我们将学习如何使用 jQuery 来实现这样的图片放大效果。
准备工作
在开始之前，我们需要确保已经引入了最新版本的 jQuery 库。如果还没有引入，可以在 HTML 文档的 <head> 标签内添加以下代码：
<script src="https://code.jquery.com/jquery-3.6.0.mi...阅读全文