- 博客(6)
- 收藏
- 关注
RSS订阅原创 页面滚动时，动态添加css动画
在别人的网站中，看到页面滚动到某一位置时，该位置的元素通过各种炫酷的动画展示出来。不知道他们是怎么做的，我根据自己的理解做了一个demo。原理很简单，用CSS3预先定义元素的动画效果，先不要添加到元素上。监听window.onscroll的事件，获取页面滚动的高度，当这个元素显示出来时，动态添加该元素的动画效果。（有两种方法，1、通过style.cssText写入样式；2、通过className添
2017-03-24 16:47:56
4805
原创 返回顶部实现+页面滚动比例顶部展示
比较简单，直接上代码。<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>backTop</title></head><body> <style type="text/css"> #top_div{ position:fixed;
2017-03-24 10:55:27
452
原创 移动端 Tips插件代码
主要有4中提示窗口，成功，错误，提示和加载窗口（2个）。书写这个插件，用到了js的面向对象编程，css3的动画技术。应该有一点点学习价值，欢迎围观。由于是动态的提示框，不好截图，就不上效果图了，想看效果图，直接把代码拷过去，运行下就好了。话不多说，直接上代码。**这是页面代码：**<!DOCTYPE HTML><html lang="en-US"><head> <meta charse
2017-03-22 19:19:18
1230
原创 纯CSS 仿某网站 loading加载动画
原理很简单，使用css3的动画，兼容webkit内核浏览器（支持移动端）和一些标准浏览器，如果需要支持其他内核的浏览器，比如火狐（加上-moz-）、opera(加上-o-)、版本高于10的IE浏览器（加上-ms-）前缀。话不多说，上截图。![图片1](http://img.blog.youkuaiyun.com/20170321171841677?watermark/2/text/aHR0cDovL2Jsb2
2017-03-21 17:17:59
1516
原创 js原生轮播图，支持移动端
直接上代码，自行复制粘贴，本人是新手，欢迎指正。<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>轮播图</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scal
2017-02-15 20:11:57
1906
原创 websocket上传参数中文乱码问题解决
websocket上传参数中文乱码问题解决最近在做毕业设计的时候用到websocket，遇到的一个问题，就是websocket上传参数时会中文乱码，下面是我遇到的问题描述和解决方法：websocket = new WebSocket("ws://localhost:8080/FleaMarket/websocket?name="+name);在这里我上传一个参数name，如果这个参数是中文的，在服务
2016-04-25 13:38:10
16647
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人