
项目中积累经验
文章平均质量分 51
经验。。
前端切图仔Zz
这个作者很懒,什么都没留下…
展开
-
怎么下载jQuery文件
步骤如下:1.进入jquery官网(https://jquery.com/download/),进入到以下页面2.有两种下载模式,根据需要点击如上图所示的Download the …jQuery…链接。进入到以下页面3.快捷键(ctrl + a)全选,然后快捷键(ctrl + c)复制4.在需要用到jQuery的地方新建一个js文件,然后将刚刚复制的代码粘贴过来。保存。搞定!...原创 2022-04-24 16:40:02 · 10172 阅读 · 0 评论 -
怎么快速搭建Vue+Vite项目?
6.此时会有提示,根据提示依次输入以下内容。其中vite-project是自己刚刚设置的项目名,而我没有修改所以用的是默认的。3.输入以下命令查询电脑是否已经安装了node.js,此时需注意node版本需要>=12.0.0才能让Vite正常运行。1.随便创建一个文件夹,用来放项目。我这里创建的文件夹名称是my-vite。2.在当前目录的路径显示框输入cmd,快速打开cmd命令窗口。到这里,一个简单的vue+vite项目就搭建完成了。原创 2023-06-02 15:59:58 · 1007 阅读 · 0 评论 -
js实现移动端图片预览功能--mui.previewimage.js插件
移动端要想达到图片预览,可以使用mui.previewimage.js插件。原创 2022-08-19 17:54:02 · 2053 阅读 · 0 评论 -
怎么在网页中嵌入地图
【代码】怎么在网页中嵌入地图。原创 2022-08-19 15:32:36 · 3198 阅读 · 0 评论 -
jquery+css实现流星雨特效
jquery+css实现流星雨特效原创 2022-06-24 18:05:00 · 422 阅读 · 0 评论 -
jquery实现瀑布流
案例效果:1、确定图片的宽度 - 滚动条宽度2、用相对定位来确定第一行按序布局3、用数组来放各列累加的高度,以相对定位来确定其他行的布局。其中top值就是最小列的高度加上间距。js:html:css:......原创 2022-06-24 17:38:05 · 426 阅读 · 0 评论 -
jquery实现可轮播的瀑布流效果
案例效果:先实现瀑布流,然后再实现向上无缝轮播。其中瀑布流实现步骤如下:1、确定图片的宽度 - 滚动条宽度2、用相对定位来确定第一行按序布局3、用数组来放各列累加的高度,以相对定位来确定其他行的布局。其中top值就是最小列的高度加上间距。向上无缝轮播主要是利用margin-top的递减来实现向上滚动。当滚动完后再赋值为0重新滚动。...原创 2022-06-24 16:56:09 · 532 阅读 · 0 评论 -
jquery实现分页切换
案例效果:点击下面页码,选择对应页面的效果。点击向左向右的箭头,页面切到上一张或者下一张,当前页面是第一张时不能继续选择上一张,反之亦然。html:css:向左向右的箭头如下:原创 2022-06-24 14:21:47 · 999 阅读 · 0 评论 -
jquery实现轮播切换(简洁版)
利用定时器。使用setInterval() 方法间隔调用函数,从而实现循环切换。当使用鼠标切换的时候,先使用clearInterval()来停止定时操作,待切换到对应的图案后再恢复循环。代码如下:原创 2022-06-24 11:23:11 · 728 阅读 · 0 评论 -
jquery实现小图片放大效果
大致效果如下:js部分:首要是自己先引入jquery.js文件,可自行去官网找<script src="jquery.js"></script> <script> $(window).on('load', function () { //1、当鼠标放至小图,出现黄色遮罩和右侧的大图 $('.imgbox').on('mouseover', function (e) { $('.scale').css('display','blo原创 2022-05-20 18:05:50 · 1541 阅读 · 0 评论 -
Jq实现刷新页面更换广告的简单效果
运用场景:第一次进来页面看到的是随机广告,然后每刷新页面替换一次广告。思路:Math.random()生成随机数实现广告的随机,替换广告需用到cookie来记录已经出现过的广告。为保证入驻网页的广告的公平性,最后呈现的效果类似轮播,只不过出现的第一张是随机的。大致效果:Html代码:<div class="box"> <ul id="adver"> <li> <img src="i原创 2022-02-23 16:39:55 · 438 阅读 · 0 评论