html
关注
分享
扫一扫
慕世妮
这个作者很懒，什么都没留下…
展开
-
使用css实现遮罩层 jquery实现点击任意位置关闭遮罩
首先先看看完整的html，css可以根据实际情况进行更改。使用了一个鼠标悬停效果，默认颜色透明度为0.3，当鼠标移上去后，透明度为1。接下来介绍的是俩种方式关闭遮罩方法一：点击×关闭遮罩方法二：点击任意位置关闭遮罩.........原创 2022-06-29 17:38:35 · 1170 阅读 · 0 评论 -
多视频多图片多文件上传 如何使用formData实现多文件上传
今天心情不佳不多说了，直接上代码了1、HTML代码： // 声明file类型为multiple（可多选）<input id="uploadfiles" type="file" name="file" multiple/>以上html你可以自行优化样式2、js代码：// 获取文件，用FormData对象封装：var fd = new FormData();var length = $("#uploadfiles")[0].files.length;for (var原创 2021-01-04 16:57:37 · 300 阅读 · 0 评论 -
js截取最后一个特定字符后面的字符串
以下为具体步骤：var s='efsd/sdfsd/sdfdsf/sdf';var name=s.substring(s.lastIndexOf("/")+1);console.log(name);//sdflastIndexOf()字符从右向左首次出现位置索引；IndexOf()字符从左向右首次出现位置索引；转载 2020-11-19 15:09:54 · 3458 阅读 · 0 评论 -
好看的分页样式 可切换页数
上html<div class="navigation" style="display:none;"> <ol class="wp-paginate"> <li><span class="title">Pages:</span></li> <li><a href="#" class="previous"><</a></li> <..原创 2020-11-19 14:23:08 · 1479 阅读 · 0 评论 -
css好看的加载动画
<div class="spinner" style="display:none;"> <div class="re1"></div> <div class="re2"></div> <div class="re3"></div> <div class="re4"></div> <div class="re5"></div>.原创 2020-11-19 10:59:58 · 467 阅读 · 3 评论 -
js css如何按比例放大视频或者图片
因需求需要做个鼠标移动则视频放大，图片放大的功能(不能贴原代码这里就讲述一下思路和重点代码段吧)，主要用到的就是一个属性，直接增加一个css的属性如下：transform:scaleX(倍数)scaleY(倍数); 倍数可以是小数自己可以根据需求调整但是写1的话是一样大的如果是放大镜那种效果大概实现思路就是：1.获取到原有视频或者图片的高度和宽度var width = $("div").css("width");var height = $("div").css("height");..原创 2020-09-16 15:34:38 · 1725 阅读 · 0 评论 -
table中文本过长怎么办
如上图长度太长已经让整个页面变形了，方法很简单就是给这个td增加以下几个属性overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-moz-text-overflow: ellipsis;然后就会实现下面这样的效果，可以i滑动查看：...原创 2020-09-09 15:44:38 · 802 阅读 · 0 评论 -
html搜索框禁止历史自动提示
方法一：在不想使用缓存的input中添加 autocomplete="off"：（推荐使用）<inputtype="text"name="date"value=""autocomplete="off"/> 方法二：如果整个表单元素都不想使用autocomplete功能的话，可以在form标签中添加 autocomplete="off"：<formautocomplete="off"><inputtype="text"name="d...原创 2020-07-31 11:21:37 · 815 阅读 · 0 评论 -
我用过最有效的div居中方法
下面记录来自一位博友的转载，只为记录而写，感谢好友的分享https://www.cnblogs.com/gzy-tw/p/11205854.htmlhtml代码如下：方法一：利用定位（常用方法,推荐）.parent{position:relative;}.child{position:absolute;top:50%;left:50%;margin-to...转载 2019-11-28 14:38:18 · 132 阅读 · 1 评论 -
html手机号长度限制 调用数字键盘
1.preventDefault() 说明： 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)例如：$('form').submit(function (e) { var phone = $('#phone').val(); if(phone == '') { ...原创 2019-06-17 10:59:32 · 1521 阅读 · 0 评论 -
移动端禁止拉动页面
document.body.addEventListener('touchmove', function (e) { e.preventDefault(); }, {passive: false});限制可以下拉的页面不能下拉转载 2019-05-21 16:11:08 · 743 阅读 · 0 评论 -
php结合jquery实现下载功能
1.首先是html页面<span id="download" style="cursor: pointer;"><i class="fa fa-plus"></i><span style="color: blue;">下载模板</span></span>2.然后是jquery进行点击事件跳转到相应的控制层，jquer...原创 2019-03-28 18:06:06 · 620 阅读 · 0 评论 -
修改input type=file 标签默认样式的简单方法
<html><head><title></title></head><body><form id="uploadForm" action="" method="post" enctype="multipart/form-data"><input type="file" name="upload...转载 2019-03-27 16:42:08 · 452 阅读 · 0 评论 -
jquery如何实现返回键刷新
No1.html:<style> .fui-header a.backcom:before { content: " "; display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); ...原创 2018-09-05 17:13:37 · 1231 阅读 · 2 评论 -
alert弹框不带网址 alert如何弹出json格式
1.alert一个返回结果为json格式的alert(JSON.stringify(res));2.原创 2018-06-27 14:36:07 · 758 阅读 · 0 评论 -
html兼容h5端的设置
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />媒体查询实现@media screen and (min-width: 320px) {...原创 2018-06-07 16:39:34 · 1476 阅读 · 0 评论