js动画
Presbyterian
这个作者很懒,什么都没留下…
展开
-
3D背景图动画阴影效果
先看效果图 原理rotate的使用 当鼠标放到图片的一角处的时候,实现该处向下坍缩的效果,即用的是rotate的3D属性,此时的图片向相应的方向的进行偏转,偏转的角度x,y如下图所示:(与rotateZ无关) 需要注意的是偏转的x,y的正负值。 代码如下: <!DOCTYPE html> <html> <head> <meta chars原创 2017-07-15 15:30:51 · 750 阅读 · 0 评论 -
微信小程序动画特效
效果代码见下: 启动的一瞬间字体在跳动,星空在不停的旋转。 wxml代码 <!--pages/welcome/welcome.wxml--> <view class="stars"> <block wx:for="{{stararray}}" wx:key="stararray" wx:for-item="item" wx:for-index="index">原创 2017-09-04 10:03:45 · 6313 阅读 · 1 评论 -
日期插件layDate的使用
效果图官方链接 1 layui中的laydate官方链接 2 贤心的layui使用说明只需引入 laydate.js 即可HTML结构<input type="text" id="test1">3.js使用方法//新版本js使用方法laydate.render({ elem: '#test1' //指定元素});//旧版本js使用方法laydate({ e原创 2017-10-12 15:51:47 · 46841 阅读 · 7 评论 -
放大镜插件etalage的使用方法
效果图如果有人需要etalage的话,可以给我留言;官方链接Etalage; 下载位置:github1.使用方法 安装js,css,文件,分别是: 1:jquery.js //jquery框架,相信每个前端都会有 2:etalage.css //etalage插件自带的样式表,用于给图片排版 3:jquery.etalage.min.js //最重要的文件,里面存有这个插件的原创 2017-10-11 19:26:21 · 1148 阅读 · 0 评论 -
jQuery实现可以编辑的表格实例详解
效果图 - 点击单个可以进行修改 - 点击修改所有的表格都可以进行修改 - 点击保存所有的数据可以获取并打印出来 - 本人demo需要引入jq文件代码见如下(有详细的注解)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>编辑</title></head><script src="j转载 2017-10-13 15:37:03 · 2191 阅读 · 0 评论 -
js拳皇特效
js拳皇特效效果图 很简单的特效,运用了面向对象,原型等简单的方法。 废话不多说,上代码:<script> /* * 前进 39 * 后退 37 * 集气 o 79 * */ function Yagami(player) { //类 构造函数 this.player=player; this转载 2017-11-23 23:29:15 · 1302 阅读 · 10 评论