原文:原生JS+CSS实现日期插件

笔者最近在学习Element UI,觉得它提供的日期选择器既简单又美观,于是仿照着写了一个日期插件。笔者使用到的技术有ES CSS和HTML,控件兼容IE 和谷歌浏览器。有一点需要注意,笔者使用到iframe包裹弹出层,由于浏览器的同源安全策略,代码必须得放到tomcat的webapps文件夹下,以相对路径来访问,如http: localhost: datepicker index.html。代 ...

2019-10-13 21:33 0 688 推荐指数:

查看详情

JS+CSS实现的下拉刷新/上拉加载插件

闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言。 体验地址:http://owenliang.github.io/pullToRefresh/ 项目地址:https://github.com/owenliang ...

Fri Mar 31 22:09:00 CST 2017 0 2907
使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果

前言 我个人非常喜欢js+css的强大表现能力,这也是我喜欢前端开发的原因之一,后端通常都是在和数据打交道,很多东西都是抽象的数据结构,不直观也不美观,而前端着重于界面视图的渲染以及各种各样有意思的交互效果,其中像我们在客户端中见到的安装进度条效果以及滑块拖动效果,使用js+css都能够在页面 ...

Fri Apr 14 04:40:00 CST 2017 0 64768
原生js+css实现重力模拟弹跳系统的登录页面

今天小颖把之前保存的js特效视频看了一遍,跟着视频敲了敲嘻嘻,用原生js实现一个炫酷的登录页面。怎么个炫酷法呢,看看下面的图片大家就知道啦。 效果图: 不过在看代码之前呢,大家先和小颖看看css中的opacity、transition、box-shadow这三个属性 ...

Wed Nov 01 04:46:00 CST 2017 6 1426
JS+CSS实现数字滚动

最近在实现一个显示RGB颜色数值的动画效果时,尝试使用了writing-mode(书写模式)及 text-orientation来实现文字的竖直方向的排列,并借助CSS的transition(过渡)来实现动画效果。关于书写模式,参考链接[链接描述]1 各浏览器对writing-mode ...

Sun May 17 01:12:00 CST 2020 0 2674
js+css实现loading等待效果

  此插件是基于jqueryUI的widget,下面是具体实现代码 第一部分css: 第二部分jquery: 第三部分调用:   这里需要说明下,首先需要初始化loading,如下面例子:   最后通过window.setTimeOut ...

Thu Nov 12 01:40:00 CST 2015 0 2492
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM