<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[u010114513的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/u010114513</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u010114513]]></copyright><item><title><![CDATA[利用JavaScript制作瀑布流]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/51437338</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/51437338</guid><author>u010114513</author><pubDate>Tue, 17 May 2016 16:44:03 +0800</pubDate><description><![CDATA[今天看了网上老师关于瀑布流的教程，学习做了一个，效果如下：（1）页面布局： 
瀑布流的特点是每一个图片块等宽不等高 
每一个图片块是由三部分包裹组成： 
      1.一个大的div，className为box，它有内边距padding，用于里面小的div之间的间隔，（用padding不用margin的原因是：js获取数据块的高度时（ offsetHeight） 包括图片所在的盒子高度和数据块间的]]></description><category></category></item><item><title><![CDATA[JS 事件基础 创建滚动条]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/51016250</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/51016250</guid><author>u010114513</author><pubDate>Wed, 30 Mar 2016 16:20:08 +0800</pubDate><description><![CDATA[利用拖拽的方法创建一个滚动条 
 
    <style>
    #iparent{
        width: 800px;
        height: 20px;
        background-color: gray;
        position: relative;
        margin: 10px auto;
    }
    #div1{
        w]]></description><category></category></item><item><title><![CDATA[JS 事件基础 边框拖拽]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/51012880</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/51012880</guid><author>u010114513</author><pubDate>Wed, 30 Mar 2016 11:28:20 +0800</pubDate><description><![CDATA[在拖拽中，使用边框拖拽，即在拖拽开始时，物体的边框先走，等移动停止后，物体在过去： 
  <style>
  #div1{
    width: 200px;
    height: 200px;
    background-color: darkorange;
    position: absolute;
  }
  .box{
    position: absolute;
    bord]]></description><category></category></item><item><title><![CDATA[JS 事件基础 高级拖拽]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/51011995</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/51011995</guid><author>u010114513</author><pubDate>Wed, 30 Mar 2016 10:28:28 +0800</pubDate><description><![CDATA[在js事件拖拽中，为解决IE下拖动的问题，要使用事件捕获  <script>
  window.onload=function()
  {
    var oDiv=document.getElementById('div1');
    var disX=0;
    var disY=0;    //封装一个函数用于获取鼠标坐标
        function getPos(ev)]]></description><category></category></item><item><title><![CDATA[JS 事件基础 事件绑定函数]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/51000448</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/51000448</guid><author>u010114513</author><pubDate>Mon, 28 Mar 2016 19:21:35 +0800</pubDate><description><![CDATA[封装一个事件绑定函数function myAddEvent(obj,ev,fn)
{
    if(obj.attachEvent)
    {
        obj.attachEvent('on'+ev,fn);
    }
    else
    {
        obj.addEventListener(ev,fn,false);
    }
}]]></description><category></category></item><item><title><![CDATA[JS 事件基础 拖拽]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50998670</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50998670</guid><author>u010114513</author><pubDate>Mon, 28 Mar 2016 16:01:54 +0800</pubDate><description><![CDATA[学习笔记： 
拖拽div要发生三个事件：1.鼠标按下onmousedown; 2.鼠标移动onmousemove; 3.鼠标松开onmouseup;注意事项：（1）要防止div移出可视框，要限制div移动的横纵坐标； 
                  （2）防止火狐的bug, 要在最后写上return false，阻止默认事件； 
                  （3）防止鼠标运动时移出di]]></description><category></category></item><item><title><![CDATA[JS 事件基础 跟随鼠标移动]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50993408</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50993408</guid><author>u010114513</author><pubDate>Sun, 27 Mar 2016 20:02:14 +0800</pubDate><description><![CDATA[做一个div跟随鼠标移动 
注意事项：但凡利用到clientX和clientY，一定要加scrollTop和scrollLeft，因为clientX和clientY都是网页可视区坐标，没有加被滚动区间的坐标    <style>
    #div1{
        width: 100px;
        height: 100px;
        background-color: pink]]></description><category></category></item><item><title><![CDATA[JS 运动框架（3） 完美运动框架]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50992020</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50992020</guid><author>u010114513</author><pubDate>Sun, 27 Mar 2016 15:34:49 +0800</pubDate><description><![CDATA[完美运动框架function getStyle(obj, name)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[name];
    }
    else
    {
        return getComputedStyle(obj, false)[name];
    }
}
function start]]></description><category></category></item><item><title><![CDATA[JS 运动框架2 链式运动]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50977322</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50977322</guid><author>u010114513</author><pubDate>Fri, 25 Mar 2016 10:16:03 +0800</pubDate><description><![CDATA[链式运动，在一个运动完成之后，执行函数，开始下一次运动 
链式运动框架：function getStyle(obj, name)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[name];
    }
    else
    {
        return getComputedStyle(obj, false)]]></description><category></category></item><item><title><![CDATA[JS 运动框架 （1）缓冲运动]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50970314</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50970314</guid><author>u010114513</author><pubDate>Thu, 24 Mar 2016 11:34:21 +0800</pubDate><description><![CDATA[function getStyle(obj, name)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[name];
    }
    else
    {
        return getComputedStyle(obj, false)[name];
    }
}function startMove(ob]]></description><category></category></item><item><title><![CDATA[JS 运动基础 提示栏拉出与隐藏]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50931412</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50931412</guid><author>u010114513</author><pubDate>Sat, 19 Mar 2016 15:55:13 +0800</pubDate><description><![CDATA[效果： 
 
鼠标移到提示栏，自动拉出提示栏     <style>    *{
        padding: 0;
        margin: 0;
    }
    #div1{
        width: 150px;
        height: 200px;
        background-color: orange;
        position: relativ]]></description><category></category></item><item><title><![CDATA[JS 利用appendChild对<li>标签进行排序]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50924869</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50924869</guid><author>u010114513</author><pubDate>Fri, 18 Mar 2016 16:43:57 +0800</pubDate><description><![CDATA[按照从大到小排序appendChild: 
假设父级a中已经有子节点b，那么a.appendChild(b)的作用是：1.先将子节点b从父级a中删除；2.再将子节点b添加到a中，放在最末尾。<body>
    <button id="bt1">提交</button>
    <ul id="ul1"> 
        <li>32</li>
        <li>243</li>]]></description><category></category></item><item><title><![CDATA[js封装一个函数用于提取具有相同className的元素]]></title><link>https://blog.youkuaiyun.com/u010114513/article/details/50904860</link><guid>https://blog.youkuaiyun.com/u010114513/article/details/50904860</guid><author>u010114513</author><pubDate>Wed, 16 Mar 2016 14:32:29 +0800</pubDate><description><![CDATA[欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：
Markdown和扩展Markdown简洁的语法
代码块高亮
图片链接和图片上传
LaTex数学公式
UML序列图和流程图
离线写博客
导入导出Markdown文件
丰富的快捷键
快捷键
加粗    Ctrl + B 
斜体    Ctrl + I 
引用    Ctrl]]></description><category></category></item></channel></rss>