JS和JQuery
csmzl
科技改变生活!代码改变世界!
展开
-
JQuery 制作一个4x4的拼图游戏
JQuery 制作一个4x4的拼图游戏效果图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-3.6.0.min.js"></script></head><style type=原创 2022-03-07 20:33:05 · 4387 阅读 · 2 评论 -
JQuery中attr方法和prop方法的区别
JQuery中attr方法和prop方法的区别attr和prop的定义以button标签作为案例分析总结以radio标签作为案例分析attr和prop的定义该方法用于获取或设置被选元素的属性值。需要获取属性值时,该方法返回第一个匹配元素的值需要设置属性值,该方法为目标元素添加一个或多个属性/值对从定义的角度无法看出两个方法的具体区别。以button标签作为案例分析<!DOCTYPE html><html><head> <meta charset原创 2020-06-15 03:03:41 · 290 阅读 · 0 评论 -
js和SQL方式随机生成高强度密码
js和SQL方式随机生成高强度密码JS方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>随机生成密码</title> </head> <body> <input type="button" onclick="RanPwd()" value="生成密码" /原创 2017-03-03 11:05:52 · 1252 阅读 · 0 评论 -
js jquery中的延时方法(set/clearTimeout)
js jquery中的延时方法(set/clearTimeout)起因:当一个标签同时拥有单击和双击事件时,为了区分开单双击事件,在双击事件中需要对单击事件进行延时,然后再清除单击事件。故而用到了setTimeout和clearTimeout方法,其中延时的时间的确定稍有不清楚的地方,故在此进行研究讨论。原创 2017-01-04 14:03:05 · 7370 阅读 · 0 评论 -
js 利用canvas标签画一个存储按钮(附加svg动态按钮)
利用canvas画一个存储按钮(附加svg动态按钮)实例:<html> <head> <meta http-equiv="content-type" content="text/html charset="utf-8" /> <script type="text/javascript" src="../js/jquery-1.12.1.js"></script原创 2017-01-03 17:34:55 · 3606 阅读 · 0 评论 -
js中单击和双击事件的区分
js中单击和双击事件的区分1. 首先要了解鼠标点击(单击或双击)时包含的事件。mousedown 事件: 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。mouseup 事件: 当在元素上放松鼠标按钮时,会发生 mouseup 事件。与 click 事件不同,mouseup 事原创 2017-01-03 16:58:52 · 37980 阅读 · 0 评论 -
用SVG制作 Button 点击特效实例
用SVG制作 Button 点击特效实例<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/jquery-1.12.1.js"></script> <转载 2016-12-28 16:23:52 · 3649 阅读 · 0 评论 -
用SVG制作 Button 点击特效
文档: https://www.w3.org/TR/SVG/Overview.html example https://www.w3.org/TR/SVG/images/paths/triangle01.svg SVG Button 点击特效 https://tympanus.net/Development/DistortedButtonEffects/ https://tympanus原创 2016-12-28 14:05:31 · 1352 阅读 · 0 评论 -
JavaScript获取指定范围内的质数
JavaScript获取指定范围内的质数 质数(prime number)又称素数,有无限个。质数定义为在大于1的自然数中,除了1和它本身以外不再有其他因数的数称为质数。 算法:判断一个数是否是质数,只需判断它是否能被小于它开跟后后的所有数整除,算法来源:http://blog.sina.com.cn/s/blog_622e77cc0100n5lm.html 文章来源:http://www.w转载 2016-10-14 10:02:33 · 2228 阅读 · 1 评论 -
用Canvas画迷宫,div按迷宫路径移动
用Canvas画迷宫,按迷宫路径移动div 本来想弄个类似于气泡屏幕保护的效果的,结果弄成了div沿着屏幕最外边往屏幕中间画迷宫了,但对canvas和移动轨迹的思路还是有所长进的。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javas原创 2016-10-12 10:33:36 · 1495 阅读 · 0 评论 -
让电脑不被锁屏的方法
让电脑不被锁屏的方法,通过JS来控制键盘,定时按下SCROLLLOCK键,达到电脑不会被锁屏的效果。 通常公司电脑都会自动锁屏,只是时间有长短。有时候闲着了不用电脑,但是却不想让电脑锁屏。那么可以用js代码来控制键盘的按键循环按下实现不锁屏的效果,由于浏览器出于安全考虑,所以下面的代码只在ie上有效。原创 2016-09-30 09:35:12 · 11987 阅读 · 2 评论 -
js和css重写Confirm提示窗口,支持服务器控件调用。
js和css重写Alert和Confirm提示窗口,支持服务器控件调用。 js自带的Alert和Confirm窗口样貌丑陋,且每个浏览器的实现方式都不一样(弹出位置等),而且还不支持自己输入样式和自定义返回函数等。 在一次.NET的web开发过程中,为用户提供一个删除功能时,在用户删除前弹出提示框,这做起来方法很多。 1. 可以前台写个按钮(input,button)或者连接(a...原创 2018-03-30 14:18:46 · 2141 阅读 · 2 评论 -
.Net自定义后台可用的提示(alert,confirm)控件
从不会到会,这是一个累而充实的过程;从会到精,这是一个有收获的过程;从精到简化,到自动化,这是一个普普通通的过程。但这只是一个短暂的过程,他有尽头,有终点。 一份可以让我为之贡献一生的事业应该是——可以让我不断追求完美,追求高效率,逐渐简化,然后实现自动化。换言之就是太懒,需要用不断学习新东西,打发时间,以维持生存。言归正传,之前写了一篇文章:用js和css重写alert和Confirm提示...原创 2018-05-29 10:58:28 · 1526 阅读 · 0 评论 -
JS判断浏览器类型
JS判断浏览器类型//判断浏览器类型function GetBrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 userAgent = userAgent.toLowerCase(); var isOpera = userAgent.indexOf("opera") > -1;原创 2017-05-12 11:52:38 · 399 阅读 · 0 评论 -
Jquery多选框全选功能示例
Jquery多选框全选按钮功能示例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多选框全选功能示例</title> <script type="text/javascript" src="../js/jquery-1.12.1.js"></script> </hea原创 2017-05-24 16:29:55 · 683 阅读 · 0 评论 -
自定义三级下拉框字典
自定义三级下拉框字典在做用户定制内容的时候,遇到一个需求,要做一个可以自定义内容的三级下拉框,用户可以自己添加、删除、修改、移动每一级下拉框中的内容。规则如下: 同级下拉框内容不能出现重复,不同父级的除外;每一级下拉框都必须有值,不能为空,且每个一级下拉框都必须有对应的二级和三级下拉框值。分隔符号的意义: $ 分隔每一个下拉框的值, # 分隔具有相同父级的次级下拉框值, | 分隔具有相同父级原创 2017-06-12 14:42:47 · 747 阅读 · 0 评论 -
JQuery在PC端实现手机触屏垂直滑动效果
JQuery实现手机触屏垂直滑动效果 经常会遇到下拉框过长出现垂直滚动条的情况,有时候这个长度还是由用户来增加的。 比如:有一个评价菜单,单击它会出现一个浮层,这个浮层列出了很多评语,这些评语都是用户自己增加的,该帐号下的所有的用户增加的评价都会显示出来。很快这个浮层的长度就超过了窗口的长度,那就会出现滚动条,然后样式就丑爆了。 浮层的宽度本身就不宽,也就滚动条宽度的3-5倍,再就是滚原创 2016-10-12 09:25:05 · 5601 阅读 · 0 评论 -
在移动的div中显示年月日时分秒星期,并计算当前页面活动时间
在移动的div中,显示当前的年月日,时分秒和星期,并计算当前页面保留的时长<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <title>跟随原创 2016-10-12 10:05:07 · 1978 阅读 · 0 评论 -
拖动浮层(div等任何标签)
拖动浮层(div等任何标签) 之前项目做到一个弹出层需要一个拖动功能,上网上查了资料,发现很多方法,但是感觉都很繁琐,有的甚至没看懂。看了几个方法后发现基本上都是使用mousedown、mousemove和mouseup这三个函数来写的,然后就自己写了个移动div的方法。 先用mousedown来判断是否要开启移动,然后通过mousemove来获得移动的距离,实现移动;最后通过mouseup事件原创 2016-10-13 15:54:47 · 1278 阅读 · 0 评论 -
Jquery实现自定义滚动条,DIV滑动效果
浏览器自带的滚动条一般都不符合我们的需求(因为不好看,太丑,还不能改!),网上搜了一下,发现有很多用js或者jquery实现的自定义的滚动条,而且样式都很漂亮。比如说这个: http://manos.malihu.gr/jquery-custom-content-scroller/ 里面有很多很多很漂亮的滚动条的example。 言归正传,既然都有了直接拿来用不就好了么!个人拿来随便用啊,但是你要原创 2016-10-21 09:40:27 · 5487 阅读 · 0 评论 -
弹出层,遮罩层,浮层菜单
现在随便打开个网页都能见到浮层菜单,不会弄都说不过去了!直接上代码,一切尽在代码中。<html><head> <meta charset="utf-8"></meta> <script type="text/javascript" src="jquery-1.12.1.js"></script> <style type="text/css"> #global原创 2016-10-28 14:32:48 · 1839 阅读 · 0 评论 -
Jquery电话号码的验证
电话号码验证: //移动号码归属地支持号段:134 135 136 137 138 139 147 150 151 152 157 158 159 178 182 183 184 187 188 //联通号码归属地支持号段:130 131 132 145 155 156 176 186 //电信号码归属地支持号段:133 153 177 180 181 189原创 2016-12-05 14:32:46 · 2488 阅读 · 0 评论 -
Jquery密码强度验证控件
Jquery密码强度验证控件<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery-1.12.1.js"></script> <style type原创 2016-12-27 17:32:15 · 1305 阅读 · 0 评论 -
jquery广告无缝轮播代码实例
jquery广告无缝轮播代码实例需要自行添加五张图片和引用jquery库纵向轮播实例:<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&am原创 2017-01-05 14:46:05 · 1408 阅读 · 0 评论 -
一个解决中午吃什么去哪吃的程序
一个解决中午吃什么去哪吃的程序这下不用每天都纠结吃什么了!<html> <head> <script type="text/javascript" src="jquery-1.12.1.js"></script> <style type="text/css"> #bigDiv div{ height:50原创 2017-01-04 16:22:23 · 9567 阅读 · 3 评论 -
jquery 实现老虎机的跑动效果
老虎机的跑动效果需要自行引用jquery库<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>老虎机</title> <script type="text/javascript" src="../js/jquery-1.12.1.js"></script> <s原创 2017-01-09 11:12:28 · 4685 阅读 · 1 评论 -
jQuery select下拉框美化
jQuery select下拉框美化HTML:<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1"><title>jQuery se原创 2017-06-12 10:10:32 · 1059 阅读 · 0 评论 -
JQ实现maxlength功能,中英文都按字符计算
textarea标签有个maxlength属性,可以规定文本区域允许的最大字符数。例如当maxlength=50时,你只可以输入50个英文“字符”或者50个“中文字”(即100个字符)。例如:果你输入的内容既有中文又有英文时,这个长度就不是50个英文字符,也不是50个中文字,而是英文字母和中文字都只算一个字符。即你可以输入25个字母和25个中文字。 那我想让用户只能输入50个字符,不管他输入的是中原创 2016-10-11 17:31:13 · 3714 阅读 · 0 评论