![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 428 阅读 · 0 评论 -
jq判断一个元素是否在可视范围内
场景重现比如视频在页面中播放,当用户向下滚动页面时,假如视频元素不可见了,那么我们应该停止播放 相似的场景还有图片懒加载简单思路$(() => { // 只要将当前元素相对于窗口的高度+当前元素自身的高度和窗口的滚动距离做对比即可(注意要根据情况而定,对比参照物不一定是窗口,还有可能是父级div) setInterval(() => { console.log($(原创 2017-08-19 10:08:43 · 3917 阅读 · 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 · 401 阅读 · 0 评论 -
js实现多图上传和预览(包含表单上传、ajax上传)
包含的知识点有:(仅考虑手机端,pc兼容性不清)1.浏览器自带的表单上传(页面会跳转)2.ajax上传(异步刷新)3.创建元素的简单封装4.ajax简单封装5.手机端标准html书写 test * { margin: 0; padding: 0;原创 2016-06-23 12:01:41 · 6617 阅读 · 2 评论 -
天猫加入购物车效果(抛物线问题)
对Math方法不了解的请看另一篇博客:http://blog.csdn.net/u011500781/article/details/51407593 test * {margin: 0; padding: 0;} div {display: inline-block; outline: 1px solid b原创 2016-05-15 10:36:03 · 1185 阅读 · 0 评论 -
js自定义右键菜单
兼容性:ie8+ svg body, html { width: 100%; height: 100%; }原创 2016-08-11 18:01:20 · 936 阅读 · 0 评论 -
jquery实现酷炫的抽奖器效果
请在这里查看示例 ☞ award示例使用介绍可以自定义行、列数以及每次选中的个数点击初始化按钮,即可加载功能,点击开始抽奖进行第一次抽奖已抽过的用户不会再被抽到源码示例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2017-01-16 13:11:09 · 3352 阅读 · 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 · 548 阅读 · 0 评论 -
jquery拖动兼交换位置插件
详细请查看 github 上链接 dragMove原创 2016-10-08 14:42:30 · 5572 阅读 · 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 · 355 阅读 · 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 · 335 阅读 · 0 评论 -
自定义一个简单的前端模板引擎
123原创 2018-05-23 23:19:43 · 4172 阅读 · 0 评论