jquery
文章平均质量分 70
zerlinda_c
这个作者很懒,什么都没留下…
展开
-
原生JS实现图片轮播与淡入
最近对css的兴趣提不起来,因为以前对图片轮播一直耿耿于怀苦于学艺不精,所以,花了点时间熟悉了一下js。然后一条道走到黑,用jquery和js写了一下轮播和图片淡入的效果。以后学习的路很长,希望自己在前端的路上越走越远`(∩_∩)′ 从原理来讲,网上的教程有很多,简单来说。 淡入淡出,其实这里只用到了淡入的效果。每一张淡入的图片,我们将它的display设置为block,原创 2015-12-14 19:31:52 · 5482 阅读 · 0 评论 -
原生js实现jquery函数animate()动画效果
通过在公司一个月的实习,慢慢的对css跟html算是比较熟悉了,这几天开始研究js,今天用js写了一个jquery的animate函数,测试了下,性能还可以。个人觉得jquery并不是万能的,因为是个框架,所以有些东西写的比较死,就像animate函数一样,可选的参数不多有时候可能并不能实现我们想要的效果。 注释的部分是用来测试用的,写代码的过程并不是十分顺利,因为用js平时用的不是很原创 2015-12-18 19:39:00 · 29093 阅读 · 1 评论 -
跟随屏幕滚动后固定导航到顶端
在浏览网站的时候看到许多不错的效果,比如导航栏滚动一定距离后固定到某一位置。最近做手机端的页面比较多,就想如果多个导航栏叠加能否也将导航栏固定在不同位置呢?其实代码很简单,只不过是一个思路,看一下实际效果: 思路很简单,首先将页面整体结构确定下来,最外层套一个div是常识,然后就是导航和内容的分离。由于html整个文档默认从上到下渲染,而我们原创 2015-12-30 19:35:48 · 10539 阅读 · 0 评论 -
取消表单自动填充功能
用户输入表单内容进行登录,当其中包含密码的时候,某些浏览器比如chrome会提示记住密码。让后当你下一次打开网页,然后浏览器会自动帮你填充表单。可是有时候我们不希望这样做。如何去掉呢? 网上有很多方案:<input type="text" name="foo" autocomplete="off" />恐怕搜到最多的就是autocomplete属性了。事实上,很多主流的浏览器目前已经开始忽略这个属原创 2016-01-21 18:47:28 · 1360 阅读 · 0 评论 -
placeholder兼容写法
placeholder作为html5表单新特性,提供了很多便利,它能够在表单域提示用户输入的内容,而在用户输入内容后自行消失。ie对其兼容性并不是很好,ie9以下不能兼容html5,所以对placeholder这个属性也是不支持的。实际开发过程中的页面要做到能够兼容各个浏览器尤其是ie,就要额外多写很多代码了。单单如果是文本输入框来说,placeholder很容易实现,但如果是密码框,考虑的因素就很原创 2016-01-21 18:28:37 · 1336 阅读 · 0 评论 -
利用Jquery对动态元素进行操作
今天写了一点jquery的代码,姑且先存放的博客上吧。 默认样式是这样的,需要的是click其中的td时实现对其内容的修改,而blur后显示的是修改后的内容: 单击url 的td元素之后是这样的: 单击method的td元素之后是这样的: 需求很简原创 2015-12-09 19:20:20 · 4118 阅读 · 0 评论 -
使用jquery改变元素在页面的位置--offsetTop,screenTop,clientTop关系及理解
在进行网页布局的时候会碰到需要进行HTML精确定位的情况,需要要将某一documentElement定位到页面的某一位置。 比如说传统的文档流是从上到下渲染网页的,当中间某一个元素不存在了(使用.hide()等),后面的元素就要补这个缺,这样的话交互就会很差,因为一旦后面的元素补了这个缺,它在页面显示的内容很可能被浏览器截成两段,用户还未浏览到的内容直接就跑到了浏览器不可见的区域了,这时候如果原创 2015-12-28 19:16:42 · 12886 阅读 · 0 评论 -
JavaScript概念之screen/client/offset/scroll/inner/avail的width/left
原文地址:http://caibaojian.com/js-name.html JS中获取各种宽度和距离,常常让我们混淆,各种浏览器的不兼容让我们很头疼,现在就在说说js中有哪些宽度和距离。1、名词解释screen:屏幕。这一类取到的是关于屏幕的宽度和距离,与浏览器无关,应该是获取window对象的属性。 client:使用区、客户区。指的是客户区,当然是指浏览器区域。 offset:偏移。指转载 2015-12-18 10:23:10 · 568 阅读 · 0 评论 -
提高代码性能,写出高质量js/jq代码常记
论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。当你准备使用jQuery,我强烈建议你遵循下面这些转载 2015-12-16 10:25:17 · 2091 阅读 · 0 评论 -
当表单自动填充_去除chrome浏览器自动添加的默认样式
事实是,并不能一劳永逸去除谷歌在自动填充表单时的默认样式。对于浏览器工具自动添加的样式,这里采取算是一种比较怪异的方法。除非你关闭它的表单自动填充功能,那姑且这篇文章可以不看了。 今天在写账号登录页面时,给input表单添加了背景图片和图标,看起来小清新了不少。可是当用chrome登录自动填充,淡黄色输入框代替了背景样式,看起来有些怪异。在自动填充之后,chrome自动填充的样式如下图原创 2015-12-10 17:04:20 · 5649 阅读 · 0 评论