jQuery,jQuery系列使用问题

jQuery实现购物车物品数量的加减

2019-10-09

实现购物车物品数量的加减，最小值为1，当最小值为1时再按减少，减少按钮不可编辑，当按增加数量时恢复减少按钮状态。这个除了加减功能外，也可以自动计算价格。<!DOCTYPE;html;PUBLIC;"-//W3C//DTD;XHTML;1.0;Transitional//EN";"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;;;; <head>;;;; <meta;http-equiv="Content-Type";content="text/html;;charset=utf-8";/>;;;; <title>jQuery实现购物车物品数量的加减</title>;;;; <script;type

jQuery根据屏幕下拉到一定高度显示返回顶部按钮

2019-09-30

2776 0

jQuery根据屏幕下拉到一定高度显示返回顶部按钮例子：$(function(){ $('.getop').hide(); $(window).scroll(function(){ if($(window).scrollTop()>900){ $('.getop').fadeIn(300); } else{$('.getop').fadeOut(200);} }); $('.getop').click(function(){ $('body,html').animate({scrollTop:0},900); return;false; }) })

jquery 实现类似淘宝换一换功能

2019-08-29

3329 0

类似淘宝换一换功能在工作中我们经常会遇到，以下是一个简单的案例，仅供大家参考。实现效果图：实现代码：<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> <title>换一换</title> <script;src="http://code.jquery.com/jquery-1.8.3.min.js"></script> </head> <body> <style> *{margin:0;padding:;0px;} .hsow{width:;400px;;height:;400px;;margin:;0;auto;;background-color:;#fff;} .news-sub{;width:;400px;;height:;266

jquery.cookie.js实现记住手机号功能

2019-06-16

3467 0

记住账号或者密码，在很多网站上都可以看到，以下是一个简单的方法，用到的是 jquery.cookie.js ，供大家参考注意：cookie必须在线上才能起效的哦。附件下载地址：jquery.cookie.txt百度云盘下载地址：链接：https://pan.baidu.com/s/14h5EsL3Z4U3bGSssbByEjA;提取码：9rza;html代码：;;//引入jquery.cookie.js ;;<script;src="jquery.cookie.js"></script> ;;;;<h1;class="title3">电话<span>*</span></h1> ;;;;<div;class="inp4"> ;;;;;;;<input;type=

JS判断页面加载是否完成

2019-06-13

2568 0

在做页面的时候,经常碰到要在页面加载完全之后再去展现。JS判断页面加载是否完成;;document.onreadystatechange;=;function(){; 　　;if(document.readyState;==;"complete"){ ;;;;;;;;;;window.location="https://www.tpxhm.com/" ;;;　;} ;;}

js随机数组，随机显示3个不重复数字

2019-01-18

5001 0

js随机数组，随机显示3个不重复数字案例：<!DOCTYPE;html>;;;; <html;lang="en">;;;; <head>;;;; <meta;charset="UTF-8">;;;; <title>Document</title>;;;; </head>;;;; <body>;;;; <script>;;;; //原数组;;;; var;arr;=;[0,1,2,3,4,5,6,7,8,9,10,11];;;;; //输出数组;;;; var;out;=;[];;;;; //输出个数;;;; var;num;=;3;;;;; while(out.length;<;num){;;;; var;temp;=;(Math.random()*arr.length);>>;0;;;;; out.push(arr.splic

js滑动指定特效

2019-01-10

2674 0

我们逛网页的时候有时会看到，鼠标滚动到指定位置就会加载动画，以下是一个方法，仅供大家参考。主要用了2个文件，jquery.waypoints.js和animate.min.css附件：jquery.waypoints.js.txtanimate.min.css.txt引入两个文件，在</body>前面加上以下js，还有在每个版块加上class="column"$(function(){ ;;reAnimate(); ;;;; }) ;; //;滑动指定特效 function;reAnimate(){ ;;var;_ele;=;$(".column"); ;;;;;;_ele.each(function(index,;element);{ ;;;;;;;;var;eleAnimate;=;$(element).find(".animate

jquery验证手机号码、邮箱格式是否正确示例代码

2017-05-02

4698 0

jquery验证手机号码、邮箱格式是否正确示例代码本文为大家介绍下使用jquery验证邮箱、验证手机号码，具体实现思路及代码如下，感兴趣的朋友可以学习下代码如下://jquery验证邮箱; function;checkSubmitEmail();{; if;($("#email").val();==;"");{; //$("#confirmMsg").html("邮箱地址不能为空！");; alert("邮箱不能为空!"); $("#email").focus();; return;false;; }; if;(!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0

利用JavaScript实现图片上传预览

2017-05-08

2890 0

html代码：<div;class="col-xs-12"> ;;<div;class="col-xs-12"> ;;;; ;;;;<form;action="";method="post";class="form-horizontal";role="form";enctype="multipart/form-data";method="post"> ;;;;;;;;<div;class="form-group"> ;;;;;;;;;;;;<label;class="col-sm-3;control-label;no-padding-right";for="form-field-1"></label> ;;;;

js生成随机数

2017-06-08

2999 0

js随机数的几个用法var;chars;=;['0','1','2','3','4','5','6','7','8','9','A','B','C', 'D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']; function;generateMixed(n);{ ;

js获取系统当前时间

2017-07-02

2910 0

一、简洁版1.;<script> ;;;;var;oDate;=;new;Date();;//实例一个时间对象； ;;;;oDate.getFullYear();;;;//获取系统的年； ;;;;oDate.getMonth()+1;;;;//获取系统月份，由于月份是从0开始计算，所以要加1 ;;;;oDate.getDate();;//;获取系统日， ;;;;oDate.getHours();;//获取系统时， ;;;;oDate.getMinutes();;//分 ;;;;oDate.getSeconds();;//秒 </script>2.<p><script>document.write(oDate);</script></p>效果图：二、动态显示时间1、<script>; ;;;;function;showTime();{; ;;;;;

JS判断客户端是手机还是PC

2017-09-05

3278 0

Javascript 判断客户端是否为 PC 还是手持设备，有时候项目中需要用到，很方便的检测，原生的，下面是js判断代码：<script> ;;;;var;sUserAgent;=;navigator.userAgent.toLowerCase(); ;;;;var;bIsIpad;=;sUserAgent.match(/ipad/i);==;"ipad"; ;;;;var;bIsIphoneOs;=;sUserAgent.match(/iphone;os/i);==;"iphone;os"; ;;;;var;bIsMidp;=;sUserAgent.match(/midp/i);==;"midp"; ;;;;var;bIsUc7;=;sUserAgent.match(/rv:1.2.3.4/i);==;"rv:1.2.3.4"; ;;;;var;bIsUc;=;sUserAgent.matc

js实现导航菜单高亮

2018-01-29

2910 0

js实现导航菜单高亮<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> <title>Document</title> </head> <style> *{;padding:;0px;;margin:;0px;;text-decoration:;none;;list-style:;none;} #navi{;width:;1200px;;height:;50px;;float:;left;} #navi;ul{;width:1200px;;height:;50px;;float:;left;} #navi;ul;li{;width:;600px;;height:;50px;;float:;left;;text-align:;center;;} #navi;ul;li;a{;font-size:;30px;;color:;#000;;line-height:;50px;} .hl{

本地存储封装接口store.js的使用教程

2018-10-25

3184 0

store.js;是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash来实现。它提供非常了简洁的 API 来实现跨浏览器的本地存储功能。store.js的使用store.js的基本API有：store.set(key,;val);;//存储;key;的值为;val； store.get(key);;//获取;key;的值； store.remove(key);//移除;key;的记录； store.clear();;//清空存储； store.getAll();//返回所有存储； store.forEach();//遍历所有存储。使用store.js提供的方法，需要先引入store.js插件:附件：store.txt<script src="https://cdn.bootcss.com/st

js cookie的使用

2018-12-27

2928 0

Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。以下是一个案例，当用户第一次打开网页是执行弹窗，打开其他页面不在出现弹窗，关闭浏览器，清除cookie，多用于网站弹窗提示。cookie弹窗使用案例//;cookie ;;;;function;get_cookie(Name);{ ;;;;;;;;;;var;search;=;Name;+;"=" ;;;;;;;;;;var;returnvalue;=;""; ;;;;;;;;;;if;(document.cookie.length;>;0);{ ;;;;;;;;;;;;offset;=;document.cookie.indexOf(search) ;;;;;

JQuery表格展开伸缩

2017-07-09

4140 0

表格折叠主要广泛用于树形导航菜单列表，下面是一个案例，给大家参考，效果展示：代码实现：<!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=utf-8";/> <title>无标题文档</title> <script;type="text/javascript";src="

jquery所有版本下载（实时更新）

2017-07-02

5041 3

(注！jquery-2.0以上版本不再支持IE 6/7/8)百度引用地址 (推荐目前最稳定的，不会出现延时打不开情况);jquery-3.2.1（最新）官网jquery压缩版引用地址:<script;src="https://code.jquery.com/jquery-3.2.1.min.js"></script> jquery-3.2.1下载jquery-3.1.1官网jquery压缩版引用地址:<script;src="https://code.jquery.com/jquery-3.1.1.min.js"></script> jquery-3.1.1下载jquery-3.0.0官网jquery压缩版引用地址:<script;src="https://code.jquery.com/jquery-3.0.0.min.js"></script> jquery-3.0.0