javascript实例
关注
分享
扫一扫
vcxiaohan2
这个作者很懒，什么都没留下…
展开
-
多属性运动(json)
Demo *{margin:0;padding:0;} html,body{width:100%;height:100%;} body{height:1000px;} #div1{width:100px;height:100px;background-color:#660099;position:absolute;left:0px;top:0px;} #div2{width:原创 2015-08-07 18:39:29 · 447 阅读 · 0 评论 -
jq判断一个元素是否在可视范围内
场景重现比如视频在页面中播放，当用户向下滚动页面时，假如视频元素不可见了，那么我们应该停止播放 相似的场景还有图片懒加载简单思路$(() => { // 只要将当前元素相对于窗口的高度+当前元素自身的高度和窗口的滚动距离做对比即可(注意要根据情况而定，对比参照物不一定是窗口，还有可能是父级div) setInterval(() => { console.log($(原创 2017-08-19 10:08:43 · 3993 阅读 · 0 评论 -
右侧跟随滚动框(调用框架)
Demo *{margin:0;padding:0;} html,body{width:100%;height:100%;} body{height:1000px;} #div1{width:100px;height:100px;background-color:#660099;position:absolute;right:0px;top:0px;} #div2{wid原创 2015-08-07 11:51:18 · 422 阅读 · 0 评论 -
js实现多图上传和预览(包含表单上传、ajax上传)
包含的知识点有：(仅考虑手机端，pc兼容性不清) 1.浏览器自带的表单上传(页面会跳转) 2.ajax上传(异步刷新) 3.创建元素的简单封装 4.ajax简单封装 5.手机端标准html书写 test * { margin: 0; padding: 0;原创 2016-06-23 12:01:41 · 6685 阅读 · 2 评论 -
天猫加入购物车效果(抛物线问题)
对Math方法不了解的请看另一篇博客： http://blog.youkuaiyun.com/u011500781/article/details/51407593 test * {margin: 0; padding: 0;} div {display: inline-block; outline: 1px solid b原创 2016-05-15 10:36:03 · 1206 阅读 · 0 评论 -
js自定义右键菜单
兼容性：ie8+ svg body, html { width: 100%; height: 100%; }原创 2016-08-11 18:01:20 · 957 阅读 · 0 评论 -
jquery实现酷炫的抽奖器效果
请在这里查看示例 ☞ award示例使用介绍 可以自定义行、列数以及每次选中的个数 点击初始化按钮，即可加载功能，点击开始抽奖进行第一次抽奖 已抽过的用户不会再被抽到 源码示例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2017-01-16 13:11:09 · 3389 阅读 · 0 评论 -
A*算法实现
test * {margin: 0; padding: 0; font-size: 5px;} div {display: inline-block; outline: 1px solid blue; width: 20px; height: 20px; position: absolute; text-align: center; line-原创 2016-05-17 00:37:46 · 571 阅读 · 0 评论 -
jquery拖动兼交换位置插件
详细请查看 github 上链接 dragMove原创 2016-10-08 14:42:30 · 5616 阅读 · 2 评论 -
简易透明度和运动框架
Demo *{margin:0;padding:0;} html,body{width:100%;height:100%;} #div1{width:100px;height:100px;background-color:#660099;position:absolute;left:0px;top:0px;} #div2{width:100px;height:100px;b原创 2015-08-07 11:11:55 · 376 阅读 · 0 评论 -
合并运动及透明度框架(含json)
Demo *{margin:0;padding:0;} html,body{width:100%;height:100%;} body{height:1000px;} #div1{width:100px;height:100px;background-color:#660099;position:absolute;left:0px;top:0px;} #div2{width:原创 2015-08-08 08:27:52 · 349 阅读 · 0 评论 -
自定义一个简单的前端模板引擎
123原创 2018-05-23 23:19:43 · 4236 阅读 · 0 评论