随笔分类 -  Js/jQuery

上一页 1 2 3 4 下一页
锚点/JQ:点击导航跳到网页中的指定位置
摘要:今天做了一个简单的功能,页面往下滚动到一定位置,顶部出现一个浮动的导航栏,点击导航栏标签,下面页面跳转到相应的区域。回到顶部,导航栏隐藏。 因为顶部有一个浮动的导航栏,所以跳转到下面页面的时候,总是盖住一部分,顶部浮动DIV的高度占用。 最简单的解决办法就是给锚点加上个下面的样式: 示例代码如下: 阅读全文
posted @ 2019-09-25 16:26 JoeYoung 阅读(1799) 评论(0) 推荐(0) 编辑
JS 正则表达式 控制文本框只能输入中文、英文、数字与指定特殊符号
摘要:JS 正则表达式 控制文本框只能输入中文、英文、数字与指定特殊符号(屏蔽表情输入) onkeyup:释放键盘事件 onpaste:粘贴事件 oncontextmenu :鼠标右击事件 只能输入中文: οnkeyup="this.value=this.value.replace(/[^\u4e00-\ 阅读全文
posted @ 2019-08-16 14:59 JoeYoung 阅读(18397) 评论(0) 推荐(1) 编辑
BOM与DOM
摘要:javascript由三部分构成 : ECMAScript(核心语法) + DOM + BOM DOM(Document Object Model):文档对象模型,专门操作网页内容的API标准 BOM(Browser Object Model):浏览器对象模型,专门操作浏览器窗口的API javac 阅读全文
posted @ 2019-04-25 09:02 JoeYoung 阅读(149) 评论(0) 推荐(0) 编辑
Javascrip错误类型
摘要:Javascrip一旦发现错误,会自动创建一个Error类型对象。 Javascrip中有几种错误类型?六种1.SyntaxError 语法错误2.ReferenceError 引用错误3.TypeError 类型错误:错误的使用了对象中的方法的时候4.RangeError 范围错误5.EvalEr 阅读全文
posted @ 2019-04-22 14:46 JoeYoung 阅读(181) 评论(0) 推荐(0) 编辑
JavaScript栈和队列
摘要:栈和队列:JavaScrip没有专门的栈和队列,是【数组】模拟的 栈:一端封闭另一端打开 先进入的在最下面何时使用:永远使用最后进入数组的元素的时候,栈结构 队列:是一种遵从先进先出(FIFO)原则的有序集合 一般从结尾进,从开头出 从结尾出入:入 arr.push() 出 var last = a 阅读全文
posted @ 2019-04-16 16:42 JoeYoung 阅读(266) 评论(0) 推荐(0) 编辑
jquery select选中表单特效三级联动
摘要:好久没发帖了,今天发一个jquery select的表单三级联动,希望能对有需要的朋友有点帮助。js代码,当然还要加上jquery的包,应该都有的,这里就不发了。html代码很简单: 阅读全文
posted @ 2015-07-09 13:12 JoeYoung 阅读(2519) 评论(0) 推荐(0) 编辑
JS文件放在头还是尾
摘要:目前绝大部分的浏览器都是采取阻塞方式(Scripts Block Downloads)加载Javascript文件的;javascript在头部会阻止其他元素并行加载(css,图片,网页);这种机制的好处就是我们可以随意在页面上使用那种JS库中的函数,因为页面肯定是在JS加裁之后呈现的,但是缺点也非常明显:一旦此Javascript文件过大,或网络连接不稳定,整个页面就会被阻塞一段时间,甚至空白。javascript放在底部,这样就可以和图片几乎同时下载,让图片尽快的下载下来。也可以:立即--交互性优先的在顶部;延迟--交互性稍后的尾部。另外一般大型的网站都会采取非阻塞方式加载Javascri 阅读全文
posted @ 2013-08-16 16:51 JoeYoung 阅读(3065) 评论(0) 推荐(0) 编辑
构造函数创建对象的"this" ?
摘要:构造函数创建对象的"this"今天看到个练习:var spencer2 = new Object(); spencer2.age = 22 ; spencer2.country = "United States";而用 this.age = 22; 则判断没通过。这次演习是使用构造函数符号分配属性的对象。由于我们最初定义我们的对象作为一个新的对象 new Object(),而我们指定的任何属性,必须通过变量名,因为没有对象的范围。function Person(age,country) { this.age = age; this.country = c 阅读全文
posted @ 2013-03-20 11:48 JoeYoung 阅读(493) 评论(0) 推荐(0) 编辑
让IE6支持HTML5的标准方法
摘要:IE6支持HTML5的标准方法,立刻就用html5构建兼容iE6的网页 阅读全文
posted @ 2013-03-19 16:15 JoeYoung 阅读(579) 评论(0) 推荐(0) 编辑
Javascript的console.log()用法
摘要:Javascript的console.log()用法 阅读全文
posted @ 2013-03-17 16:07 JoeYoung 阅读(27299) 评论(0) 推荐(0) 编辑
40个实用的轻量级JavaScript库
摘要:40个实用的轻量级JavaScript库 阅读全文
posted @ 2009-08-24 09:58 JoeYoung 阅读(662) 评论(0) 推荐(1) 编辑
11个超精简实用Jquery插件
摘要:11个超精简实用Jquery插件 阅读全文
posted @ 2009-05-25 09:40 JoeYoung 阅读(631) 评论(0) 推荐(0) 编辑
FF和IE之间7个JavaScript的差异
摘要:FF和IE之间7个JavaScript的差异 阅读全文
posted @ 2009-05-13 10:28 JoeYoung 阅读(208) 评论(0) 推荐(0) 编辑
100+ jquery插件应用,让你的Web开发事半功倍
摘要:jQuery是一个了不起的javascript库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站开发方面说,这使得javascript更加有趣和简洁实用。 阅读全文
posted @ 2009-03-06 09:33 JoeYoung 阅读(954) 评论(1) 推荐(0) 编辑
漂亮的透明css菜单 下拉效果
摘要:css 并不总是意味着严谨、标准。这理有趣味、实验性的css技术运用实例与演示其中讨论的一些技术与实例也许并没有被测试过,可能有些浏览器无法渲染,有些允许是被确认过的给予标准设计与开发的。 下面这个效果展示了如何设计一个高级的支持透明效果的css下拉菜单。 阅读全文
posted @ 2008-11-13 10:37 JoeYoung 阅读(2940) 评论(0) 推荐(0) 编辑
无间断滚动-兼容IEFF
摘要:想必大家都知道"marquee"的不循环滚动会出现空白,所以出现了很多替代脚本,或iframe或JS输出"marquee",不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。 阅读全文
posted @ 2008-10-31 10:40 JoeYoung 阅读(1204) 评论(0) 推荐(0) 编辑
JS+CSS自动切换选项卡
摘要:随着Web开发人员开发了许多Ajax和CSS,Tab选项卡切换为基础的界面,成为一项非常有趣的技术,它让我们用一种简单的方式获得信息,而不需要打开和关闭多个窗口。尤其现在JQuery的流行,越来越多的插件很快的冒了出来。 今天分享一个自动切换的选项卡效果。 阅读全文
posted @ 2008-10-29 10:51 JoeYoung 阅读(3360) 评论(1) 推荐(1) 编辑
基于CSS的柱状图实现
摘要:今天偶然见看到的,觉得不错,收藏过来一起学习下。 效果: 基于CSS的柱状图实现——Dudo博客 Q1 20 10 Q2 30 11 Q3 40 29 Q4 0 50 40 30 20 10 提示:可以先在文本框内,根据需要修改代码后再运行 阅读全文
posted @ 2008-06-30 13:40 JoeYoung 阅读(1177) 评论(0) 推荐(0) 编辑
实现双击编辑标题
摘要:在上边双击文章题目可以编辑标题,以实现更换标题功能。 代码: var test = document.getElementById("test"); var mysubmit = document.getElementById("submit"); test.ondblclick = function() { this.readOnly = false; this.className = "b... 阅读全文
posted @ 2008-05-29 15:18 JoeYoung 阅读(579) 评论(0) 推荐(0) 编辑
简单的点击显示、隐藏效果
摘要:开始只有头部显示,点击头部再显示出尾部。 事例效果: 头部 尾部 提示:可以先在文本框内,根据需要修改代码后再运行 display="block"; display="none"; 调过来就是开始都显示,然后点击头部,尾部隐藏! 阅读全文
posted @ 2008-05-06 10:47 JoeYoung 阅读(1516) 评论(3) 推荐(0) 编辑

上一页 1 2 3 4 下一页