<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[liudanyang_21的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/liudanyang_21</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; liudanyang_21]]></copyright><item><title><![CDATA[这些例子感觉很实用，希望对你也有帮助]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108362052</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108362052</guid><author>liudanyang_21</author><pubDate>Wed, 02 Sep 2020 14:46:42 +0800</pubDate><description><![CDATA[html5金山英文打字游戏源码下载https://www.mk2048.com/demo/demo_target_desc_ii0abc0kcb.html纯js模仿的金山打字游戏。html5 svg创意的圆点切割绘制图形特效点击》html5 svg创意的圆点切割绘制图形特效html5 svg打开是一个大圆，鼠标每经过一次，大圆就会分散成四个小圆；鼠标每经过一次小圆，小圆就会分散成四个小小圆。经过鼠标多次滑动后，会生成最小的圆，而这些圆有着不同的颜色，就会产生一幅图。html5手机app介绍单页面视差滚动模板]]></description><category></category></item><item><title><![CDATA[display:inline-block居中方式]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108360621</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108360621</guid><author>liudanyang_21</author><pubDate>Wed, 02 Sep 2020 13:44:49 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head lang="en"&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;link rel="stylesheet" href="css/common.css"/&gt;
    &lt;style&gt;
        .slider{
            width: 520px;
            he.]]></description><category></category></item><item><title><![CDATA[贡献一下多年珍藏的特效例子]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108360115</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108360115</guid><author>liudanyang_21</author><pubDate>Wed, 02 Sep 2020 13:00:57 +0800</pubDate><description><![CDATA[黑色宽屏css3响应式网站建设公司展示模板https://www.mk2048.com/demo/demo_target_desc_iiij1hc1kj.html黑色宽屏的网站建站企业展示模板css3源码下载html5 svg制作交互式3D商场地图特效https://www.mk2048.com/demo/demo_target_desc_iii2acbcjb.htmlhtml5 3D地图，交互式商场地图。简洁的咖啡店铺单页展示模板html下载https://www.mk2048.com/demo/demo]]></description><category></category></item><item><title><![CDATA[简单侧边栏js效果]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108359326</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108359326</guid><author>liudanyang_21</author><pubDate>Wed, 02 Sep 2020 11:42:03 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;silder&lt;/title&gt;
    &lt;style&gt;
        #slider{
            width: 300px;
            position: fixed;
            background-color: #ccccc.]]></description><category></category></item><item><title><![CDATA[h5新属性]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108345044</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108345044</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 16:22:05 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title.]]></description><category></category></item><item><title><![CDATA[animation 秒简单笔记]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108342301</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108342301</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 15:06:22 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        .biao {
            width: 300px;
            height: 300px;
            background-color: #FFFF8B;
 .]]></description><category></category></item><item><title><![CDATA[这些例子很炫，感兴趣的童鞋可以了解一下]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108339972</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108339972</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 14:06:57 +0800</pubDate><description><![CDATA[html5 fullpage全屏滚动响应式个人简历模板https://www.mk2048.com/demo/demo_target_desc_iihc1kcbab.htmlhtml5全屏滚动个人简历模板下载html5 canvas粒子线条组合动画背景特效https://www.mk2048.com/demo/demo_target_desc_iihkhj0jjb.htmlhtml5粒子线条动画特效简洁的会员套餐购买宣传单页模板点击》简洁的会员套餐购买宣传单页模板会员套餐购买单页模板html源码纯css3制]]></description><category></category></item><item><title><![CDATA[随机16进制颜色练习]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108338816</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108338816</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 13:01:05 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;随机颜色&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script&gt;
    function getColr(){
        var colorValue = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
  .]]></description><category></category></item><item><title><![CDATA[Math.random理解练习]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108338028</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108338028</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 11:49:24 +0800</pubDate><description><![CDATA[&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;title&gt;数学方法随机的运用&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;img src="" id="myimg"&gt;
&lt;script&gt;
    /*0&lt;x&lt;1;//x=Math.random();
    0&lt;x*5&lt;5;//x.length,0到5.]]></description><category></category></item><item><title><![CDATA[事件委托的三阶段学习]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108336321</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108336321</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 10:44:59 +0800</pubDate><description><![CDATA[DOM2级事件规定的事件流的三个阶段：捕获，目标，冒泡
IE事件流 叫做事件冒泡，即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收，然后逐级向上（一直到文档）。事件捕获与事件冒泡事件流正好相反的顺序，事件捕获的事件流是最外层逐级向内传播。


事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。好.]]></description><category></category></item><item><title><![CDATA[这些例子的特效很炫，感觉的同学可以研究学习一下]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108334262</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108334262</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 09:25:25 +0800</pubDate><description><![CDATA[html5 css3带翻页数字时钟动画特效https://www.mk2048.com/demo/demo_target_desc_iihajki0ib.htmlhtml5 css3数字时钟，时钟动画特效红色的手机服装购物商城网站html5模板https://www.mk2048.com/demo/demo_target_desc_iihhi1j12j.htmlhtml5商城手机站模板，服装购物商城网站模板源码。黑色宽屏的商务合作公司html5展示模板https://www.mk2048.com/demo/]]></description><category></category></item><item><title><![CDATA[分享一些酷酷的特效，希望你也能够喜欢]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108333534</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108333534</guid><author>liudanyang_21</author><pubDate>Tue, 01 Sep 2020 08:33:48 +0800</pubDate><description><![CDATA[html5 css3鼠标滑过超链接文字动画特效https://www.mk2048.com/demo/demo_target_desc_iiaj2bb12j.htmlhtml5超链接文字动画，鼠标滑过动画特效（不兼容IE6,7,8）黑色的某KTV微官网模板html下载https://www.mk2048.com/demo/demo_target_desc_iia20ac0ib.htmlktv微官网html手机模板。wap微信某酒店周年庆活动手机模板https://www.mk2048.com/demo/de]]></description><category></category></item><item><title><![CDATA[解决ie7，ie8下a链接无效问题]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108326534</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108326534</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 18:00:46 +0800</pubDate><description><![CDATA[.person a{
            display: block;
            position: absolute;
            width: 109px;
            height: 33px;
            bottom: 19px;
            right: 40px;　　　　　　　　/*添加透明背景*/            background:#fff;
            opacity:0;
            .]]></description><category></category></item><item><title><![CDATA[修改 this 指向]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108324508</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108324508</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 16:45:23 +0800</pubDate><description><![CDATA[封装函数 f，使 f 的 this 指向指定的对象

function bindThis(f, oTarget) {
    if(f.bind){
        return f.bind(oTarget);
    }else{
        return function(){
            return f.apply(oTarget,arguments)
        }
    }
}
//apply用函数的原因：bind返回的是一个函数，而apply方法是立即执行函数，所以需要]]></description><category></category></item><item><title><![CDATA[easyUI combobox combotree 模糊查询,带上下键选择功能，待完善。。。。]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108322869</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108322869</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 15:51:38 +0800</pubDate><description><![CDATA[/2017年4月9日 11:52:36
/** 
 * combobox和combotree模糊查询
 * combotree 结果带两级父节点(手动设置数量)
 * 键盘上下键选择叶子节点
 * 键盘回车键设置文本的值
 */
(function(){
    //combobox可编辑，自定义模糊查询  
    $.fn.combobox.defaults.editable = true;  
    $.fn.combobox.defaults.filter = function(q, row){.]]></description><category></category></item><item><title><![CDATA[gulp使用 笔记]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108321281</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108321281</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 14:55:00 +0800</pubDate><description><![CDATA[全局安装gulp，也需要本地安装gulp插件。全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件的功能


//导入工具包 require('node_modules里对应模块')
var gulp = require('gulp'), //本地安装gulp所用到的地方
    less = require('gulp-less');
 
//定义一个testLess任务（自定义任务名称）
gulp.task('testLess', function () {
    gul.]]></description><category></category></item><item><title><![CDATA[H5获取的经纬度，该怎么在百度地图中查看？]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108319916</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108319916</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 13:52:49 +0800</pubDate><description><![CDATA[之前理所当然的的到百度的坐标拾取系统， 输入H5获取的经纬度坐标，然后查询，然后发现老是有误差，而且误差都是一样的规律：偏实际位置西南方约1000~1500米左右。
 以为是H5获取经纬度必然会产生这么大的误差，原来不是：
 后来发现，百度地图用的经纬度并非实际的经纬度，而是百度地图自己的一套经纬度，那么就需要先把H5获取的经纬度转化为百度的经纬才能在百度地图上查到并显示正确的位置。
 这里只是聊作笔记，提醒一下，具体可查看百度官方demo：原始坐标转成百度坐标，示例：
（注：截图来源于百...]]></description><category></category></item><item><title><![CDATA[drupal中安装CKEditor文本编辑器，并配置图片上传功能 之 方法二]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108319157</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108319157</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 13:01:15 +0800</pubDate><description><![CDATA[drupal中安装CKEditor文本编辑器，并配置图片上传功能 之 方法一 中介绍了ckeditor的安装和配置方法，其实还有另一种新方法，不用IMCE模块。
不过需要ckfinder的JS库，可以到http://ckfinder.com/download下载，下载后放到ites\all\modules\contrib\ckeditor文件夹下如图，

然后到admin/config/content/ckeditor/edit/Full配置一下

 
就行了
...]]></description><category></category></item><item><title><![CDATA[drupal7 jquery脚本忽然不运行]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108318103</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108318103</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 11:28:28 +0800</pubDate><description><![CDATA[jquery脚本经过调试，确认没有错误，但是最最近一次，调整了引入的次序，目的是方便我识别哪些js是我自己写的，哪些是前端给的，便于后期维护时，迅速找到自己写的部分。
调整引入次序前：

调整后（调整后我的js就不运行了，就是说，单击某个按钮，不执行我写的事件了，调整引入顺序之前是可以正常执行的）：

然鹅，事实证明我犯了一个大错误，我把jquery的基础库放后面了，却先引用了自己的js脚本，这是一个大错误！任何自定义的 jquery脚本都应该在引用了jquery的基础库之后再引用！！！
这个刚工作的人都应]]></description><category></category></item><item><title><![CDATA[转：Jquery如何获取某个元素前(后)的文本内容？]]></title><link>https://blog.youkuaiyun.com/liudanyang_21/article/details/108317059</link><guid>https://blog.youkuaiyun.com/liudanyang_21/article/details/108317059</guid><author>liudanyang_21</author><pubDate>Mon, 31 Aug 2020 10:47:42 +0800</pubDate><description><![CDATA[原文：【解决】Jquery如何获取某个元素前(后)的文本内容？

&lt;span&gt;
    text here...
    &lt;a id="target_element"&gt;百万创想&lt;/a&gt;
&lt;/span&gt;

如何获得a标签前面的"text here"处的文本内容呢？

$("#target_element").parent().contents().filter(function(){ 
       return this.nodeType == 3; 
}).]]></description><category></category></item></channel></rss>