首页问答专栏课程
P酱

P酱 查看完整档案

3183声望
杭州编辑  |  填写毕业院校  |  填写所在公司/组织 www.perichr.org 编辑
编辑

诶嘿~~~
(<ゝω·)☆~Kira

加关注 发私信
关注了11 人
粉丝53 人

高分内容

概览提问回答文章

查看全部 提问、回答、文章 →

个人动态

P酱 回答了问题 · 3月3日

css动画，如何实现点击/长按时背景色切换的动画效果（背景从中间向两边延展）

animation + keyframes

简易样例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>背景渐变动画</title>
<style type="text/css">
div {
    width:300px;
    height:48px;
    background:#eee;
    text-align:center;
}
div:active{
    /*执行动画*/
    animation:show 0.5s 1;
    /*停止在最后一帧*/
    animation-fill-mode:forwards;
}
@keyframes show{
    10%{
        background:radial-gradient(Circle,#999 40%,  #999 40%,  #eee 40%); 
    }
    20%{
        background:radial-gradient(Circle,#999 60%,  #999 60%, #eee 60%); 
    }
    40%{
        background:radial-gradient(Circle,#999 80%,  #999 80%, #eee 80%);
    }
    60%{
        background:radial-gradient(Circle,#999 90%, #999 90%,, #eee 90%);
    }
    80%{
        background:radial-gradient(Circle,#999 95%, #999 95%, #eee 95%);
    }
    100%{
        background:radial-gradient(Circle,#999 100%, #999 100%, #eee 100%);
    }
}
</style>
</head>
<body>
<div>内容</div>    
</body>
</html>

关注 3 回答 2

P酱 回答了问题 · 2016-06-28

jq判断li是否含有class

...

<script type="text/javascript" data-original="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<table id="flicps">
<tr>
    <td><button class="btn btn-mini">文字</button></td>
    <td><button class="btn btn-mini">文字</button></td>
    <td><button class="btn btn-mini">文字</button></td>
</tr>
 </table>
<div style="display:none" class="panelc">显示</div>
<script>
$('#flicps tr td button').bind('click', function(){
    $(this).toggleClass('btn-success');
    $(".panelc").toggle($('#flicps tr td button.btn-success').size() > 0)
});
</script>
<style>
.btn-success{ background:#cc0000}
</style>

关注 4 回答 3

P酱 回答了问题 · 2016-06-26

切换链接页面新增css

你是单页应用？

  1. 拆成多页应用

  2. 第一页也用上jQueryMobile

  3. 重构第一页的页面结构避免受jQueryMobile影响

关注 2 回答 1

P酱 赞了回答 · 2016-06-26

解决JavaScript动态创建div问题怎么保证它的唯一

  1. 使用惰性函数（这个方法很巧妙哦~）

    function createDiv(){
  var div = document.createElement("div");
  div.innerHTML = "测试";
  document.body.appendChild(div);
  createDiv = function(){
     return div;
  }
  return div
 }

  2. 使用单例模式（不赘述了，答案里有）

关注 10 回答 7

P酱 回答了问题 · 2016-06-26

解决求大神们看看这段编的问题出在哪里？

题主不如研究下for的用法？

你的iBut是一个HTMLCollection，使用for对其循环的的话，除了以数字标注的子项以外，还有item、namedItem、length三个属性会被取出来。

你的这个需求，建议用foreach。

关注 7 回答 8

P酱 回答了问题 · 2016-06-26

解决jQuery hide/show方法同时使用时的问题

先给来源： .show()
代码不明查api

With no parameters, ...... The matched elements will be revealed immediately, with no animation.

When a duration, a plain object, or a "complete" function is provided, .show() becomes an animation method.

简而言之，无参数的.show()就是直接设置display而非动画，有参数时则是动画。.hide()同。

动画与非动画是两个完全不同的过程，动画会在show/hide命令执行时向当前动画序列写入指令而后由动画序列管理并依次执行，非动画则在show/hide命令执行时直接执行display设置。

题主所提slide和'fade`系列命令都是动画命令。

关注 4 回答 3

P酱 赞了回答 · 2016-06-26

循环json时为什么会多出一个undefined

有几点建议：

  1. 出现undefinedHello主要是因为，t没有初始化，又使用了+=， undefined +"Hello world" 就成了现在的结果。
    2.最好不要使用evel，这是非常危险以及不推荐的.

3.这段代码，改成这样可能好点。

var text='[{"id":"1","title":"Hello world!","created":"1457222400","content":"Hello world"}]',
     t = "";
var json = JSON.parse(text);
for(var i=0;i < json.length; i++){
    t+=json[i].title + "</br>"
}
box.innerHTML = t ;

关注 4 回答 3

P酱 赞了回答 · 2016-06-26

循环json时为什么会多出一个undefined

你用的 +=，目测变量 t 没有初始化： t = ''。

关注 4 回答 3

P酱 回答了问题 · 2016-06-26

解决JavaScript 有名/匿名函数声明的竞争

简单的说，变量声明与函数声明会提升至作用域代码执行前。
其中，变量声明是指var f部分，函数声明是指function f(){ ... }的整个部分。
最后，f=...部分是赋值而不是声明。

提升的结果就是同 @tryzf 提供的答案（这里就不再重复了），两个声明部分被提升至代码作用域的最前端，代码中就只剩下赋值的那一段了。

关注 3 回答 2

P酱 赞了回答 · 2016-06-26

解决JavaScript 有名/匿名函数声明的竞争

  var f;
  function f(){
    console.log('2');
  }      
  f= function(){
    console.log(1);
  }
  f()

这样写应该就比较好解释为什么是1了，变量和函数声明都提升了。

关注 3 回答 2

查看全部 个人动态 →

认证与成就

  • 获得 188 次点赞
  • 获得 25 枚徽章 获得 1 枚金徽章, 获得 9 枚银徽章, 获得 15 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(ﾟ∀ﾟ　)
暂时没有

注册于 2011-12-14
个人主页被 1.6k 人浏览