jquery
泥猴桃
web前端开发
展开
-
jquery 给当前页面或者跳转后页面对应的导航栏添加选中样式
用jquery js 给当前页面或者跳转后页面对应的导航栏添加选中样式是项目中很常见的的效果,几乎每个网站都会用到, 这里有两种效果,一种是直接给当前页面对应的导航栏添加样式,当页面刷新或者跳转页面后样式会消失! 另一种效果是即使刷新页面或者页面跳转以后导航栏选中样式仍然存在有效!第一种效果:<script type="text/javascript" src="js/jquery.js"></s原创 2016-10-21 16:45:43 · 6917 阅读 · 1 评论 -
js 中 函数内部加 return false 的作用
有两个作用,禁止向上冒泡和禁止默认行为。 请先看以下代码:<div id="box"> <div id="txt">123</div> <input id="btn" type="submit"></div>禁止向上冒泡:event.stopPropagation(); 在你点击了 txt 或者 btn 后,将会触发 onclick 事件。然后会触发 txt 或 btn 的上原创 2017-11-02 20:31:10 · 1934 阅读 · 0 评论 -
svg 环形进度条加读取进度效果(读数效果)-- 移动端 rem 适配
项目需求做一个环形进度条的效果需要有一个读数的效果,在网上查阅相关资料后整理了下 gif 效果如下,录制的不是很流畅多停留下时间看下 都是动态的效果 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta content="width=d原创 2017-10-16 22:54:39 · 4228 阅读 · 2 评论 -
数字递增效果(读数效果)
最近项目需求中有用到环形进度条,然后需要读数的效果,在网上找了下相关的代码,写出来以后整理了下 话不多说直接上代码最终效果如下图 html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery打开网页后数字动态跳转到指定数字大小代码</title><link rel="stylesheet" href="css/原创 2017-10-16 21:59:53 · 7066 阅读 · 0 评论 -
input type=number禁止输入小数
最近做一个项目需求是输入框只能输入数字,并且禁止输入小数 intpu type=number 就可以控制只允许输入数字,但是不能控制输入小数 在网上查阅相关资料后整理了下 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input type=number 禁止输入小数点</tit原创 2017-10-09 22:37:55 · 24251 阅读 · 0 评论 -
jQuery 用each() 添加click事件
代码如下:mydd = $('.plist');mydd.each(function(i){ $(this).click(function(){ //mydl.eq(i).hide("slow"); mydd.eq(i).css("background","url(images/m_1281702690741.gif) -1px cent原创 2016-12-22 16:24:52 · 19624 阅读 · 0 评论 -
网页防复制,禁止文字选中,禁止右键菜单js代码,兼容大部分浏览器方法
css文件中放入如下代码:body {-moz-user-select : none;-webkit-user-select: none;}js文件中放入如下代码:function iEsc() { return false;}function iRec() { return true;}function DisableKeys() { if(event.ctrlK原创 2016-12-22 13:49:58 · 651 阅读 · 0 评论 -
jquery 点击按钮页面返回顶部
<a id="gotopbtn ">返回顶部</a>$('#gotopbtn').on("click",function(){ $("body").animate({scrollTop: 0}, 500) })原创 2016-11-07 22:48:44 · 440 阅读 · 0 评论 -
jquery 倒计时发送短信验证码效果
话不多说直接上代码 `原创 2016-11-05 00:57:10 · 2725 阅读 · 0 评论 -
document load 和 document ready 的区别
页面加载完成有两种事件load 是当前页面所有资源加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行的一个函数,问题: 如果图片资源较多,加载时间较长,onload 后等待执行的函数需要等待较长时间,所以一些效果可能受到影响。$(document).ready() 是当DOM 文档树加载完成后执行的一个函数(不包含图片,css 等),所以会比load 较快执行。在原生...原创 2019-02-16 23:04:40 · 647 阅读 · 0 评论