烟花丶瞬间 - 博客园

Jquery实现可拖动进度条

摘要：首先是用mousedown()鼠标按下事件保存一个状态值，mouseup()鼠标抬起事件取消该状态，再同时配合mousemove()鼠标移动事件，实现按住拖动的效果。在鼠标移动的同时去改变精度条的长度和按钮的相对左部的距离。　　然后就是距离的计算，主要利用的就是pageX() 属性。pageX是鼠标指针相对于文档的左边缘的位置。在鼠标按下是就记录相对位置，在鼠标移动后就可求出鼠标移动的距离。从而改变按钮位置和进度条长度。阅读全文

posted @ 2017-07-07 14:31 烟花丶瞬间阅读(3377) 评论(1) 推荐(1)

canvas的下雪效果

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #myCanvas{ background-color: #7ACCC8; margin: auto; displ 阅读全文

posted @ 2017-06-29 15:08 烟花丶瞬间阅读(208) 评论(0) 推荐(0)

低层次“努力学习”和学习的本质

摘要：当你从学习中获取到满足感、成就感，享受学习的过程的时候，才是真正的在学习。阅读全文

posted @ 2017-06-28 15:46 烟花丶瞬间阅读(254) 评论(0) 推荐(0)

canvas的绘制

摘要：对于canvas的绘制，我觉得主要是计算位置，特别是绘制组合图形的时候，需要精确到具体位置，不然就会不对称，注意颜色的重置。阅读全文

posted @ 2017-06-23 15:18 烟花丶瞬间阅读(149) 评论(0) 推荐(0)

HTML 5 <input> type 属性

摘要：这些标签都是html5的新标签，应该属于基础的东西，但是在这周一答辩的时候，根本不知道几个。这说明我们学到后面，却反而忽略了最基本的东西，所以应该把基础知识掌握牢固，随时都知道。阅读全文

posted @ 2017-06-22 15:52 烟花丶瞬间阅读(156) 评论(0) 推荐(0)

jQuery+ajax实现局部刷新

摘要：以上两种方法原理是一样的，通过.load()重新加载页面中的某一部分，需注意，ajax需要在服务器环境下运行。通过对比，可发现第一种比较简单，第二种稍复杂些，不过个人推荐第二种，第一种主要是举个例子，看.load()是怎么来用的，其实它在用户体验方面稍逊一筹，比如点击的时候地址栏里地址不变，使前进、后退失效，这个可以到后面再实现。而第二种的话运用比较灵活，巧妙的借助data-*的自定义属性来存储数据，点击的时候修改锚点，因为地址有变，所以刷新的时候仍然会保持当前的页面内容而不是切换到第一个，希望对大家有帮助，如果有更好的方法，请多指教。阅读全文

posted @ 2017-06-15 14:24 烟花丶瞬间阅读(2851) 评论(0) 推荐(0)

Jquery实现可拖动进度条

canvas的下雪效果

低层次“努力学习”和学习的本质

canvas的绘制

HTML 5 <input> type 属性

jQuery+ajax实现局部刷新

上升的方块动态背景

正则表达式的运用

对于正则表达式的理解

封装localStorage和cookie的方法

导航

公告