jQuery
码奴生来只知道前进~
生而为人 谁不付出 谁不努力
展开
-
浏览器摄像头拍照并裁剪上传
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>浏览器摄像头拍照并裁剪上传</title> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } button { outline: none; borde.原创 2021-07-01 17:15:10 · 332 阅读 · 0 评论 -
网站常用邮箱找回密码流程插件页面
<!doctype html><html><head><meta charset="utf-8"><title>邮箱验证找回密码</title> <link href="css/link.css" rel="stylesheet"> <link href="css/layui.css" rel="stylesheet"></head><body> &l.原创 2021-03-29 15:32:34 · 14003 阅读 · 0 评论 -
jQuery移动端车牌号码输入
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" media="(device-height: 568px)"><meta name=".原创 2020-12-16 14:49:01 · 1666 阅读 · 2 评论 -
点击按钮获取短信验证码
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>点击按钮获取短信验证码</titl原创 2020-12-11 16:11:48 · 1842 阅读 · 0 评论 -
jQuery实现移动端扭蛋机抽奖
<!doctype html><html><head><meta charset="utf-8"><meta name="apple-touch-fullscreen" content="YES" /><meta name="format-detection" content="telephone=no" /><meta name="apple-mobile-web-app-capable" content="yes.原创 2020-11-06 15:01:09 · 1776 阅读 · 0 评论 -
jQuery通过pinyinUtil.js实现汉字转拼音(带声调拼音,不带声调、拼音首字母)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/pinyin_dict_withtone.js"></script> <script src="js/pinyinUtil.js"></script> <style type="text/c..原创 2020-11-05 09:18:22 · 2095 阅读 · 0 评论 -
Jquery实现超酷的时间轴特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u.原创 2020-11-03 16:03:38 · 516 阅读 · 0 评论 -
jQuery评分插件demo
一款使用简便、满足多种需求的星际评分插件。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><li.原创 2020-11-03 09:46:40 · 313 阅读 · 0 评论 -
移动端滑动选择城市
<!doctype html><html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"><meta content="yes" name="apple-mo.原创 2020-10-29 13:53:57 · 534 阅读 · 0 评论 -
SuperVideo - H5视频播放插件
今天给大家分享一个视频播放插件,支持发送弹幕的。<!DOCTYPE html><html lang="cn"><head><link href="css/main-css.css" rel="stylesheet"></head> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed.原创 2020-10-15 10:00:36 · 3066 阅读 · 5 评论 -
网页上实现打印指定区域的方法实现
通过单击页面按钮,便实现页面打印指定区域内容的方法。<!doctype html><html><head><meta charset="utf-8"><title>jQuery打印插件jqprint</title><script language="javascript" src="jquery-1.4.4.min.js"></script><script language="jav..原创 2020-10-10 15:40:30 · 862 阅读 · 0 评论 -
jQuery 网站记住用户名和密码(但是不建议保存密码到本地不安全)
记住密码是每个有帐号登录的网站必备的,但是有时候还是不安全的。1、localStorage实现保存密码用户名localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localStorage 属性是只读的。localStorage.setItem("name", name);localStorage.setItem("password", pas...原创 2020-04-10 16:10:27 · 655 阅读 · 0 评论 -
我的天啦 获取每个月的天数居然是这样的简单(获取Y年M月的天数)
public static void main(String[] args) { getday(2020,1); getday(2020,2); getday(2020,3); }public static void getday(int year,int month){ Date timeDate = new Date(year, month, 0);...原创 2020-04-09 10:23:17 · 839 阅读 · 0 评论 -
jQuery 移动端省市区三级联动
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /><meta name="viewport" content="width=device-w...原创 2020-04-13 09:42:28 · 1332 阅读 · 5 评论 -
jQuery 基于verify实现验证码 "全家桶" 一次让你吃饱
这篇文章主要介绍了verify.js实现不同类型的验证码方式,需要的朋友可以参考下。verify.js是一款功能强大的jquery验证码插件。verify.js可以实现普通的图形验证码,数字验证码,滑动验证码和点选验证码等多种验证码功能。直接上代码文件即开即用;<!DOCTYPE html><html lang="zh"><head>...原创 2020-04-03 17:59:51 · 5067 阅读 · 24 评论 -
jQuery 基于slidercaptcha.js滑块式验证码插件支持移动端
这篇文章主要介绍了slidercaptcha.js实现滑块验证码等相关操作技巧,需要的朋友可以参考下。很多网站都是用看滑块验证码,防止不是人为登录操作,也是为了加强安全校验考虑,今天就给大家分享一款基于slidercaptcha.js生成的滑块验证。1、引入相关JS和样式文件<link href="https://cdn.bootcss.com/twitter-boot...原创 2020-04-05 08:43:20 · 5547 阅读 · 0 评论 -
jQuery 数组全家桶 (最大、最小、求和、平均值、排序、元素出现次数、去重)的方法
本篇文章主要介绍了求JS数组的一些方法,具有很好的参考价值。给定数组[25,28,8,65,25,32,40,68],求其最大值、最小值、求和、平均值、排序、元素出现次数、去重等相关问题解决方法?1、最大值和最小值的不同实现方法 1.1字符串拼接法:利用toString和join把数组转换为字符串,再和Math的max和min方法分别进行拼接,最后执行eval方法...原创 2020-04-02 15:21:59 · 4196 阅读 · 2 评论 -
对的时间点 遇上对的人
在和多时候我们在获取到数据之后需要格式化之后显示在页面上,下面给大家分享一些关系封装好的方法来处理时间。1:时间格式化// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // ...原创 2020-04-01 11:04:32 · 1371 阅读 · 11 评论 -
林俊杰--对的时间点 (多格式、功能强大的移动端日期时间选择插件)
很多时候都是需要在手机浏览器端使用时间选择,但是html5自带的时间选择样式不好看,而且不同的浏览器兼容性也不好,这个时候就需要一款很好的时间选择插件啦。最近在网上也找了很多相应的插件。 今天给大家介绍的是只需要一个js文件和一个代码配置就完全可以解决所有的时间选择问题。1:完整的配置说明//完整参数、方法示例var rd = new Rolldate({ ...原创 2020-03-31 15:13:19 · 2780 阅读 · 6 评论 -
jQuery 带炫酷轮播图效果的Lightbox弹出层插件 只要一句代码轻松实现功能
最近在做手机浏览器端的一个功能,就是用过点击图片,然后显示所有图片相册可以切换查看功能。但是自己写的话感觉是很麻烦,今天给他就介绍一款jQuery插件,就一句代码轻松实现,兼容PC、H5端。1:在页面引入相关JS、样式文件<link href="css/popup-lightbox.css" rel="stylesheet" /> <link href="...原创 2020-03-30 15:06:58 · 945 阅读 · 0 评论 -
jQuery 移动端触屏滑动日期控件(mobiscroll) 简单配置 谁用谁知道 ^_^
1:插件生成的来源 在很多页面和web应用中都有输入日期和时间的地方,我们知道HTML5提供一个input的date属性,对的就是时间选择。但是原始 时间选择是不太好看的。所以就有了找到相关的插件封装。2:HTML5原始官方的date说明Input Date 对象Input Date 对象是 HTML5 中的新对象。Input Date 对象表示 HTML <in...原创 2020-03-22 18:21:45 · 2909 阅读 · 29 评论 -
jQuery 封装方法获取地址栏中的所有参数(即看即会)还在等什么?
本篇文章主要是对JavaScript&jQuery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助1:首先是使用jQuery的window可以快速的获取当前页面的地址栏window.location.href;//使用alert弹出当前页面地址2:使用jQuery获取地址栏参数方法GetQueryString("key")ke...原创 2020-03-21 18:30:40 · 3050 阅读 · 7 评论 -
jQuery 封装一个分页插件 分页如此简单(附带快捷查询、首尾跳转)
分页组件现在在网页中的应用已经变得十分普遍,关于jquery实现分页组件,网上有很多的框架可以用,不过既然是框架,使用的时候难免有些限制, 所以本着学习新知识的态度,我就踏上了自己写一个分页组件的不归路。网上的框架很少会有对源码的解释,所以我就准备来写这篇blog,一方面让一些跟我一样的小白可以更加了解这个组件的实现,一方面让自己可以从头整理一遍实现这个组件的思路,毕竟一开始写的...原创 2020-03-20 16:44:11 · 885 阅读 · 6 评论 -
Layui:信息流加载和图片懒加载
生而为人 谁不付出 谁不努力本篇文章主要讲述了是使用第三方插件layui中是流加载模块,该模块包含信息流加载和图片懒加载两大核心支持,无论是对服务端、还是前端体验,都有非常大的性能帮助。你可能已经在太多的地方看到她们的身影了,但不妨现在开始,体验一下Layui更为简单和高效的Flow吧。使用flow模块包含两个核心方法,如下所示:codelayui.codelayui.u...原创 2020-03-20 14:19:43 · 2690 阅读 · 4 评论 -
jQuery实现中奖播报(让文本滚动起来) 简单设置数值即可
生而为人 谁不付出 谁不努力在很多场景中,我们需要使用到中奖信息播报,或者一些文本信息循环滚动播报,在结合实际的开发中,然后也百度查询了相关的知识点,现在送上jQuery实现文本滚动。1:html代码文件 相关使用说明也在页面相关位置标注啦<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...原创 2020-03-19 11:06:56 · 3198 阅读 · 8 评论 -
jquery重写自定义鼠标右键弹出菜单列表
生而为人 谁不付出 谁不努力jQuery仿电脑桌面点击鼠标右键弹出菜单操作,可自定义添加右键菜单代码。需要使用到一个JS文件mouseRight.min.js1:参数说明itemname:表示右键菜单“名称”。icon:新建项font-awesome图标样式如:fa fa-plus。(特别说明一点icon是要通过样式控制的,请到font-awesome.min.css你们查找)...原创 2020-03-12 14:14:24 · 1523 阅读 · 3 评论 -
图片转换成base64编码格式展示
生而为人 谁不付出 谁不努力很多时候在处理图片的时候需要先转换格式1转换为base64编码function img_base64(){ var imgSrc = img_url;// var imgSrc = "img/1.jpg"; function getBase64(img){//传入图片路径,返回base64 function getBa...原创 2020-03-09 09:46:58 · 33764 阅读 · 0 评论 -
input 输入内容改变触发事件
分享也是积累 分享也是记录 <div class="layui-inline layui-show-xs-block"> <input type="text" name="username" placeholder="请输入用户名" id="nickName" autocomplete="off" class="layui-input"> ...原创 2020-01-15 16:21:06 · 1613 阅读 · 0 评论 -
jQuery 混淆加密无法反编译的分享
很多时候是需要努力的先看一个原始的jquery代码// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyy...原创 2020-01-07 17:56:35 · 3162 阅读 · 0 评论 -
jQuery 禁止使用右键菜单 禁止使用F12审查元素
//设置右键事件 function noMenuOne() { //alert('禁止右键菜单!'); return false; } document.oncontextmenu = noMenuOne; document.onkeydown = function () { if (window.event && window.event.ke...原创 2020-01-07 17:52:22 · 666 阅读 · 0 评论 -
键盘各键对应的编码值(key code)
document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; console.log(e.keyCode); }; 可以自己使用上面的方法自己一个一个测试验证获取键盘对应的codeKEY值 ...原创 2019-12-25 16:40:01 · 4083 阅读 · 1 评论 -
文本框输入邮箱 联想功能
前言:码奴生来只知道前进很多时候在用户输入邮箱的时候 大多是使用快捷方式效果图如下 <!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta ...原创 2019-12-25 16:22:10 · 715 阅读 · 0 评论 -
jQuery 使用正则替换字符
前言:码奴生来只知道前进很多页面业务处理的时候 有的时候需要替换字符串的字符比如 abcdydbd 在搜索的时候 需要吧所有的b替换为红色字符 在返回的数据列表标识搜索的字符效果图如下var key = "d"; //要替换的关键字var oldHtml = "ANDdYd1234"; //原始被替换的字符串var texts = oldHtml; //替...原创 2019-12-25 13:55:11 · 1541 阅读 · 0 评论 -
jQuery windows.location.hash作用
window.location.hash 中的 hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)。# :代表网页中的一个位置。其页面的字符,就是该位置的标识符我们知道很多时候做一些问卷调查的时候当用户有的题目没有选择选项的时候 需要智能的提示并且定位到没有选择的题目这个时候的window.location.hash 锚点就起到作用了...原创 2019-12-23 14:28:31 · 902 阅读 · 0 评论 -
jQuery 实现显示当前时间
很多后台管理网站都会下页面上显示当前时间 就像一个时钟在走的 话不多说 直接上代码 显示的格式可以直接组装<div id="new_time">2019年12月19日 星期四 14:01:34</div>//页面初始之后 执行的事件$(document).ready(function(){ show_newTime();});//当前时间functio...原创 2019-12-19 13:48:53 · 936 阅读 · 0 评论 -
jQuery 判断网络连接
在某些时候 需要在用户提交数据的时候 先判断用户的网络是否连接成功 if(window.navigator.onLine){//在线 //这里写你自己执行的请求方法 }else{ layer.msg("网络不给力,请检查网络设置", {area: ['75%', '']}); }...原创 2019-12-16 15:50:06 · 1079 阅读 · 0 评论 -
Jquery实现 定义一个时间 然后和当前时间比较计算相隔时间信息
个人博客为了记录一下到底时间运行了多久时间$(function () { playRunTimeStr(startTime, serverTime, '#runtime');});//运行时间var serverTime = new Date();var startTime = new Date(2019, 10, 30); //开始时间 js月份从0开始;/** ...原创 2019-12-05 16:06:27 · 859 阅读 · 0 评论 -
jQuery中attr和data取值赋值的区别
1:data取值跟attr取值第一次取值流程都是相同的都是去dom中获得值 获取的值是相同的<button data-type="0" onclick="attr(this)" id="btn">jQuery中attr和data取值赋值的区别</button><script type="text/javascript"> //使用 data 输出初始的...原创 2019-12-02 13:38:20 · 679 阅读 · 0 评论 -
jQuery 编码 解码
1 编码:函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。encodeURIComponent("http://www.baidu...原创 2019-11-27 13:48:27 · 726 阅读 · 0 评论 -
localStorage和sessionStorage的区别
1:localStoragelocalStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localStorage 属性是只读的//保存数据 赋值localStorage.setItem("key", "value");//获取指定是keyvar lastname = localStorage.getItem("key");2:sess...原创 2019-11-11 11:45:38 · 148 阅读 · 0 评论