Jquery
Bright2017
学,然后知不足!
展开
-
jquery模拟时间选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="flexible" content="initial-dpr=2" /...原创 2021-04-23 10:40:16 · 267 阅读 · 0 评论 -
jquery模拟picker滑动选择效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <style type...原创 2021-04-19 14:33:41 · 640 阅读 · 2 评论 -
Html5 canvas签名插件---jq-signature
常用的canvas签名插件http://www.htmleaf.com/html5/html5-canvas/201505281921.html引入:<script src="jquery/1.11.0/jquery.min.js"></script><script src="jq-signature.js"></script> ...原创 2020-03-23 13:48:57 · 1521 阅读 · 0 评论 -
JQuery 获取本地图片的方法
获取本地图片可以使用FileReader对象中的readAsDataURL方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JQuery 获取本地图片的方法</title> <script type="text/ja...转载 2019-11-13 18:02:47 · 1230 阅读 · 0 评论 -
jquery拖放排序插件
jQuery任意拖动页面中元素代码原创 2017-12-18 13:40:53 · 1499 阅读 · 0 评论 -
模拟音乐播放器
简单模拟一个音乐播放器,音乐正常的播放功能兼容到IE9,IE8就挂掉了,谷歌,火狐,欧朋,Edge,360测试正常,IE下input样式待优化,希望大家提点建议。参考效果网站:http://www.taihe.com/music预览地址:http://www.bright2017.top/musicaudio/Github下载地址:https://github.com/struggle201607...原创 2018-04-22 19:35:18 · 760 阅读 · 0 评论 -
jquery仿网站客服
之前在网上看的一个效果,因为目前在外包公司了。经常要用到这个效果,所以还是保留下比较好。在线预览:http://www.bright2017.top/test1/test1-15/出处实在找不到了,就不留原创地址了。...转载 2018-06-04 14:53:36 · 607 阅读 · 0 评论 -
JQ图片懒加载
废话不多说,直接上代码。预览地址:http://www.bright2017.top/test1/test1-18/<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图片懒加载</title> <style type=&q原创 2018-06-21 16:39:24 · 823 阅读 · 0 评论 -
Jquery 获取 DIV 宽度与高度(width,padding,margin,border)
一般讲的宽度指的是内容宽度,但一个 div 的实际宽度不仅只于内容宽度,尤其在做 CSS 排版时更不能搞错,必须同时考虑 Padding、Border 与 Margin 的宽度,四个加起来才是 div 真正占有的宽度。JQUERY 获取 DIV 宽度与高度(width,padding,margin,border)全都有了!var content = $(‘div’). width();//只是获...转载 2018-06-28 08:58:06 · 1024 阅读 · 0 评论 -
全屏滚动插件pagePiling.js
pagePiling.js参数详解pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现全屏滚动效果。支持所有的主流浏览器,包括IE8+,支持移动设备。下面详细讲解下pagePiling.js的参数和函数。1、pagePiling.js配置选项属性/方法类型默认值说明menu字符串null绑定菜单direction字符串vertical滚动方向,可选 vertical(垂...转载 2018-07-11 11:51:12 · 808 阅读 · 2 评论 -
页面多个倒计时
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>页面多个倒计时</title> </head> <body> <div class="Collage原创 2018-09-12 15:45:00 · 1309 阅读 · 0 评论 -
商城倒计时
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-sc原创 2018-12-04 13:55:32 · 546 阅读 · 0 评论 -
定时器实现文字的无缝滚动
文字的无缝滚动原创 2017-12-31 11:41:53 · 1213 阅读 · 0 评论 -
JQ模拟下拉框多选
JQ模拟下拉框多选原创 2017-11-08 12:22:02 · 1083 阅读 · 1 评论 -
使用jquery过程中遇到的坑
最近在使用jquery过程中发现了几个小问题,不知道有没有其他人遇到。问题一: 假的DOM结构,比如input的一个选中状态,用jquery进行添加和删除,在google调试中看到是正常的,但是传给后台的值是不对的。我找了很久才发现原因,我的DOM结构是假的。只是表面上看起来好像删除掉了,但实际并没有。 解决办法:解决办法很简单,就是在当前代码下面用原生js再原创 2017-03-20 15:29:44 · 1611 阅读 · 0 评论 -
网页禁止复制的两种方式
两种方式: 1.检测到点击复制时直接return false 2.直接禁用右键 网页禁止复制的2种方式 body .layui-layer-hui .layui-layer-content{ padding: 50px !important; } p{ cursor: pointer; }原创 2017-03-28 17:29:47 · 6031 阅读 · 0 评论 -
Cookie练习
很长时间没用过cookie了,前段时间做项目,出了一个小问题,重复加载的问题,在解决的过程中,朋友建议我可以每次刷新页面再进行操作。这里就用cookie做一个简单的例子。 Cookie练习 内容111 内容222 这是页面刷新之后弹出来的内容! 内容444 内容555 点击第三行文字,在出现弹框的时候,页面已经刷新了一次,也可以原创 2017-04-08 19:56:50 · 726 阅读 · 0 评论 -
页面ajax多次请求数据!!!
我发誓,这是我进入这行以来遇到过最恶心的问题。让我整整头疼了两天,两天没睡好觉。事情的起源和这个插件有关: 虽然Jquery有自带的ajax,但是有时候页面可能也会用到一些别的ajax插件。简单描述一下我的问题:可能和其他的ajax多次加载不太一样,进入第一次,加载一次,第二次进入,加载两次,第三次进入,加载三次。。。依次叠加。 $(document).on("clic原创 2017-03-30 17:41:32 · 4874 阅读 · 0 评论 -
判断当前单选题第几个没选中,弹出题号并且定位到那一题的高度
之前做项目,有一个效果是页面当中有90道题,在最后提交的时候,你需要判断出第几题没有被选中,并且改变颜色,同时定位到当前那道题的高度。做这个效果的思路明确就很简单了。第一步:首先是两层循环,第一层用来循环整体,确认总共数量是多少, 第二层循环用来找到那些被选中的值。找到被选中的值之后,把它们放到一个新建的数组当中。第二步:拿到所有选中的值之后,接下来要原创 2017-03-27 12:17:18 · 750 阅读 · 0 评论 -
Jquery中each的3种遍历方法
刚刚写遍历,发现自己对参数记得不是很清楚,查了一下,看到一位大牛写的博客非常清楚。1、选择器+遍历$('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象});2、选择器+遍历$('div').each(function (index,domEle){转载 2017-04-14 11:14:47 · 884 阅读 · 0 评论 -
倒计时60秒
页面当中经常会用到的一个效果是倒计时,比如发送验证码的时候。这个效果是用定时器来实现的。废话不多说,源码拿走! 倒计时练习 #demo{ width: 210px; height: 50px; margin: 200px auto; } #demo>input{ width: 100%;原创 2017-04-20 13:19:24 · 870 阅读 · 0 评论 -
option的添加删除与选中
option的添加删除与选中 #demo{ width: 50%; margin: 20px auto; height: 520px; border: 1px solid red; border-radius: 4px; overflow: auto; } .demo-top{ width: 60%; marg原创 2017-06-23 05:57:07 · 1809 阅读 · 0 评论 -
return,return true,return false三个的作用。
return false和return true 和return的作用。原创 2017-06-13 14:08:04 · 9123 阅读 · 0 评论 -
Jquery获取计算机时间,转换时间格式
Jquery获取时间转载 2017-08-20 15:03:10 · 3750 阅读 · 0 评论 -
监听浏览器窗口大小
废话不多说,示例自己看。监听浏览器窗口大小*{margin: 0;padding: 0;}#centent{width: 200px;margin: 0 auto;background: red;}监听浏览器窗口大小,同时让高度同步$(function(){ $(window).resi原创 2017-03-27 15:00:56 · 1553 阅读 · 0 评论