前端实用总结
前端js或者jquery的一些实用方法。
BalanceWei
用尽全力和想象力。
展开
-
图片轮播的实现(详解两种方法)
今天带来的是前端里图片轮播的实现,可以说,这两种方法都很简单,尤其第一种,只要是有点基础的应该都可以看懂,这也是小编花费了一定时间想到的代码较少的方式。(图片我放在文末了)当然也有更复杂的图片,也会有人说第一种方法无法实现链接跳转,其实我只是实现了图片轮播,如果可以做的到轮播,相信聪明的你也可以做到链接跳转的。第二种方法就完全可以加上链接跳转,但是相对第一种方法,第二种理解起来更复杂,但其实只...原创 2018-08-11 22:26:56 · 19947 阅读 · 0 评论 -
前端之下拉列表项的转移(通过一个函数传参实现)
今天带来的是js实现的下拉列表项的转移,其中有两个特别需要注意的地方,一个是在按钮中调用函数时参数的传递,一个是表单对象的name可不可以当作参数传递。首先我把代码给出:(直接复制就可以测试效果了)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...原创 2018-08-12 16:57:34 · 774 阅读 · 0 评论 -
解决js实现的计时器中的bug(两种方法)
今天带来的是js中的计时器实现并解决bug,有两种方法解决bug,第一种是自我优化的,第二种是借鉴优化的。首先来看看怎么实现计时器:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计时器的实现</title> </h原创 2018-08-08 19:11:15 · 6132 阅读 · 2 评论 -
前端框架jQ使用之入门知识
jQuery——前端框架(jquery.js、node.js、argus.js)它是一个快速的js库,对js进行了封装,用来更方便的处理HTML、event、dom以及动画效果。一、首先需要知道两个概念:jQ对象&DOM对象第一个——jQ对象:通过jQ包装DOM对象后产生的对象,jQ对象无法使用DOM...原创 2018-10-08 21:43:18 · 682 阅读 · 0 评论 -
前端框架jQ使用之下拉框文本内容的转移
在掌握了jQ的基础知识之后,我们来看看jQ如何实现下拉框文本内容的转移?其实,在之前,博主我也写过一篇使用js实现下拉框文本内容的转移的文章,需要比较强的逻辑,jQ就简化了代码书写,便于理解。写在前面:一定要记得导入js库,建议不要最新的。直接上代码:<!DOCTYPE html><html> <head> <meta chars...原创 2018-10-08 21:49:56 · 280 阅读 · 0 评论 -
前端框架jQ使用之图片浮动和日历显示
在掌握了jQ的基础知识之后,我们来看看jQ如何实现图片浮动和日历显示?其实,图片浮动和日历显示并没有直接关系,我只是把他们写到了一起,写在前面:一定要记得导入js库,建议不要最新的。直接上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title&g...原创 2018-10-10 19:06:09 · 635 阅读 · 0 评论 -
前端框架jQ使用之鼠标点击切换列表
在掌握了jQ的基础知识之后,我们来看看jQ如何实现鼠标点击切换列表?这个效果使用js也可以实现,当然使用其他jQ代码也能实现,但是博主写的这个代码便于维护,只有你写过项目,一定会发现便于维护的代码和普通代码的差别有多大。以下代码注释部分为第一种普通代码实现,你可以对比观察区别。写在前面:一定要记得导入js库,建议不要最新的。直接上代码:<!DOCTYPE html>...原创 2018-10-10 19:13:28 · 1372 阅读 · 0 评论 -
前端框架jQ使用之全选全不选反选提交
在掌握了jQ的基础知识之后,我们来看看jQ如何复选框的全选全不选反选?这个最终代码很简洁,其中有不少的注释代码,都是可以作为区别的,其中,最后一端会有使得浏览器奔溃的分险。直接上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></t..原创 2018-10-10 19:24:09 · 794 阅读 · 0 评论