javascript效果类
关注
分享
扫一扫
文章平均质量分 55
oing
毕业于武汉工程大学，拥有5年开发经验。熟悉UI，前端开发。（一位正在奋斗的年轻人）
展开
-
手把手原生js简单轮播图
在团队带人，突然被人问到轮播图如何实现，进入前端领域有一年多了，但很久没自己写过，一直是用大牛写的插件，今天就写个简单的适合入门者学习的小教程。当然，轮播图的实现原理与设计模式有很多种，我这里讲的是用面向过程函数式编程去实现，相对于面向对象设计模式，代码难免会显得臃肿冗余。但没有面向对象的抽象却很适合新手理解与学习。已经在BAT的同学看到希望少喷点。另外可以多提意见。轮播图的原理：一系列的大小相等的原创 2017-05-10 21:55:36 · 924 阅读 · 0 评论 -
点击获取当前时间
这里是html代码 <p id="demo">public</p> <button onclick="myFunction()">点我</button> 这里是js代码function myFunction(){ //实例化Date var today = new Date(); //获取小时 var原创 2017-05-11 10:56:01 · 365 阅读 · 0 评论 -
基于javascript实现图片懒加载
这篇文章主要介绍了javascript实现图片懒加载的方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下一、定义 图片延迟加载也称为懒加载，延迟加载图片或符合某些条件时才加载某些图片，通常用于图片比较多的网页。可以减少请求数或者延迟请求数，优化性能。二、呈现形式 【1】延时加载，使用setTimeout或setInterval进行加载延迟，如原创 2017-05-14 20:54:40 · 299 阅读 · 0 评论 -
JS正则表达式-登陆注册
要求：用户名只能是字母或者数字或者下划线，不能以数字开头，用户名长度在6到20之间 密码两次验证必须一致，用户名密码不能为空。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title>模拟注册</title>转载 2017-05-15 09:23:56 · 2576 阅读 · 0 评论 -
tab栏切换(点击图片切换路径)
这里是html代码<ul> <li><a href="images/01.jpg"><img src="images/01.jpg" alt="" class="small"/></a></li> <li><a href="images/02.jpg"><img src="images/02.jpg" alt="" class="small"/></a></li> <li>原创 2017-05-02 00:19:08 · 2057 阅读 · 0 评论 -
tab栏切换(原生js实现)
这里是html代码<div class="father"> <div class="top"> <ul class="tabs"> <li class="tab tabCurrent"><a href="javascript:void(0);">热门</a><span class="line"></span></li>原创 2017-05-02 00:13:08 · 4508 阅读 · 0 评论 -
选中全选框
这里是HTML<table> <tr> <th> <input type="checkbox" name="" id="checkAll"/>全选/全不选 </th> <th>菜名</th> <th>商家</th> <th>价格</原创 2017-05-01 23:58:16 · 622 阅读 · 0 评论