猿学
勤而奋学,路方为坦途
展开
-
纯css图片自动旋转动画
纯css 图片自动旋转动画。原创 2022-08-30 17:18:10 · 7228 阅读 · 0 评论 -
Jquery禁用鼠标右键,关闭键盘保存功能及F12
【代码】Jquery禁用鼠标右键,关闭键盘保存功能及F12。原创 2023-06-15 17:32:14 · 377 阅读 · 0 评论 -
jquery超出第一屏显示返回顶部
jquery超出第一屏显示返回顶部原创 2022-12-21 17:07:26 · 273 阅读 · 0 评论 -
jQuery文本值改变的事件绑定(input/span/div)
keypress:按键按下时触发事件(先响应事件,再显示输入结果(获得的是上一次结果),可能被输入法拦截)propertychange:属性改变时触发事件(不管是获得焦点还是value改变等)change:焦点离开时触发事件。focus:获得焦点时触发事件。keyup:按键弹起时触发事件。转载 2022-12-15 16:17:11 · 2536 阅读 · 0 评论 -
jquery3秒元素消失 延迟3秒执行
适用场景:消息提示、提示后页面跳转等html代码:<p class="msg"></p><style>.msg{ font-size: 14px; background: #F7DA55; padding: 9px; color: #676767; display: none;}</style>jquery代码:记得头部引入Jquery哦// 延迟3秒隐藏元素$('.msg').sho原创 2022-05-25 10:29:40 · 1164 阅读 · 0 评论 -
jquery倒计时分秒(3秒倒计时)
<p id="validLast"></p><script type="text/javascript"> //时间倒计时 var lastHour = 0; //小时 var lastMinute = 0; //分钟 var lastSecond = 3; //秒 var lastInterval = setInterval(function () { if (lastSecond &g.转载 2022-04-26 11:47:06 · 818 阅读 · 0 评论 -
jquery发送短信按钮倒计时
<div class="register-wrap"> <ul class="register-nav"> <li class="curr">注册</li> </ul> <div class="register-con"> <div class="register-li curr"> &...原创 2021-04-14 16:15:13 · 276 阅读 · 0 评论 -
jQuery: 判断checkbox复选框是否被选中
本文介绍如何用jQuery获取checkbox复选框选中状态,或验证是否选中或取消选中复选框。jQuery: 判断checkbox复选框是否被选中这里我们使用jQuery.is()方法和匹配的checked属性。描述:方法.is()针对选择器、元素或jQuery对象检查当前匹配的元素集,如果这些元素中的至少一个与给定的参数匹配,则返回true。下面是实例分析。引用jQuery库文件在HTML代码前面需要引用jQuery库文件,你可以把jQuery库文件下载到本地服务器进行调用..转载 2021-03-29 09:31:00 · 1724 阅读 · 0 评论 -
Jquery返回顶部一行代码,无需加锚点
Jquery返回顶部一行代码,无需加锚点<a href="javascript:window.scrollTo(0,0)">返回顶部</a>就是如此简单,赶快试下吧原创 2020-11-25 10:27:31 · 124 阅读 · 0 评论 -
jquery屏幕滚动到一定高度显示某个元素
jquery屏幕滚动到一定高度显示某个元素$(function(){ $(window).on('scroll',function(){ var w=$(document).scrollTop();//获取滚动条到顶部的垂直高度 if(w>=500){ $("#floor-nav").show(); }else{ $("#floor-nav").hide(); } }); })...原创 2020-11-25 10:23:27 · 1401 阅读 · 0 评论 -
百度地图api接口配置,显示位置及电话
百度地图api接口配置,显示位置及电话,效果如下:废话不多说,直接上代码:<script src="http://api.map.baidu.com/api?v=2.0&ak=2yj0orPscf4IFIGVG2nrlYRFrGNYozAh"></script><script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=2Ob1Cq.原创 2020-09-04 10:42:32 · 1525 阅读 · 0 评论 -
js获取页面完整域名
js获取页面完整域名window.location.protocol+"//"+window.location.host原创 2019-10-11 14:54:01 · 347 阅读 · 0 评论 -
js 5秒倒计时结束后跳转至指定页面
js5秒倒计时结束后跳转至指定页面<div style="width: 180px;position: relative;top: 30%;margin: 0 auto;"> 操作错误! <p> <span id="spanId">5</span>秒后跳转至百度 </p></d...原创 2019-09-27 11:35:01 · 911 阅读 · 0 评论 -
Js数组中包含值indexOf仍返回-1
在项目开发中遇到一个问题,数组中包含 45213这个值,用indexOf却仍返回-1,按照原理不应该啊,最后发现是数组中值的数据类型和该值的数据类型不一致,可能描述的不太清晰,直接上图用parseInt()函数进行一下值的数据类型转换,字符串转换成数字类型即可预祝小伙伴不要入坑...原创 2019-09-11 14:47:33 · 6530 阅读 · 0 评论 -
JS中的JSON对象 定义和取值
JS中的JSON对象 定义和取值1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一...转载 2019-04-27 23:02:45 · 15747 阅读 · 0 评论 -
js获取url链接参数
js获取url链接参数//url:http://test.com?name=111&id=31function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") !...转载 2019-03-06 11:07:13 · 300 阅读 · 0 评论 -
JS判断页面是否是在微信中打开
var u = navigator.appVersion;var wx = ((u.match(/MicroMessenger/i)) && (u.match(/MicroMessenger/i).toString().toLowerCase() == 'micromessenger'));原创 2018-12-28 18:37:15 · 1519 阅读 · 1 评论 -
js判断H5页面是否是在QQ\UC浏览器中打开
js判断H5页面是否是在QQ\UC浏览器中打开var u = navigator.appVersion;var uc = u.split('UCBrowser/').length > 1 ? 1 : 0;var qq = u.split('MQQBrowser/').length > 1 ? 2 : 0;var wx = ((u.match(/MicroMessenger...原创 2018-12-28 18:42:58 · 4801 阅读 · 0 评论 -
QQ、UC手机浏览器访问电脑版网页
随着大家手机上网时间的增长,大多数网站为了提升用户体验都做了手机页面。但有时候手机页面功能不如电脑功能完善,接下来就介绍一下QQ、UC手机浏览器访问电脑版网页的方法,以QQ浏览器为例,各位测试网页兼容性时可用此方法一、打开手机浏览器,点击中间图标,找到设置二、点击浏览器UA标识三、点击电脑,就OK了来测试一下: 浏览器标识(UA)可以使得...原创 2019-01-25 11:57:37 · 3585 阅读 · 0 评论 -
H5手机移动端调起浏览器自带分享功能实例(QQ、UC浏览器微博、微信分享)
H5手机移动端调起浏览器自带分享功能实例(QQ、UC浏览器微博、微信分享)注:代码需要在服务器或测试服务器上方可看到效果HTML:<span class="viewshare wx" data-mshare="2"></span><span class="viewshare wxline" data-mshare="1"></span&...转载 2019-02-01 14:59:51 · 19633 阅读 · 5 评论 -
jquery获取被选中的radio的值
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<inpu...转载 2019-01-28 13:43:08 · 2678 阅读 · 0 评论 -
Jquery 获取图片src属性值
<img id="test" src="1.jpg" alt="test" />使用 $('#test')[0].src才能够获取到img的地址原创 2019-01-28 13:47:27 · 7367 阅读 · 0 评论 -
JQuery如何判断值中是否包含某个值
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"&...转载 2019-01-28 13:51:39 · 6052 阅读 · 0 评论 -
jQuery鼠标经过显示大图
jQuery鼠标经过显示大图<!DOCTYPE html><html lang="en"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>JQ实现鼠标经过显示大图效果-柯乐义&am转载 2019-01-29 14:04:36 · 1677 阅读 · 0 评论 -
jQuery实现input选择图片后可预览图片的效果
jQuery实现input选择图片后可预览图片的效果HTML<input type="file" name="image_url" /><img src="" class="img" width="300">jQuery<script src="https://code.jquery.com/jquery-3.0.0.min.js"&g...原创 2019-01-29 16:59:49 · 1298 阅读 · 2 评论 -
Jquery获取select选中的值并绑定事件
Jquery获取select选中的值并绑定事件<script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){转载 2019-02-28 14:09:17 · 6074 阅读 · 0 评论 -
js实现对数据进行筛选
js实现对数据进行筛选<html><head> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script></head><body><br/><select name="原创 2019-02-28 18:07:47 · 9558 阅读 · 2 评论 -
js计算时间差值天时分显示
js计算时间差值天时分显示<html><head> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script></head><body></body><script type=原创 2019-03-01 18:32:09 · 977 阅读 · 0 评论 -
H5手机端JS实现微博分享实例详解
废话不多说,直接上代码HTML<div class="viewshare wb"></div>JS$('.wb').click(function(){ window.sharetitle = title; //分享内容的标题 window.shareUrl = encodeURIComponent(location.href);//分享内...原创 2018-12-27 15:57:48 · 4781 阅读 · 0 评论