小灵感的聚集地
自己自娱自乐的天堂
希望有一方净土 让我沉淀 让我疯

自画像 by Ai

原创插画合集 SAI or PS手绘

动画合集-C4D or AE练习,每天进步一点点that's enough~

jQuery可爱火箭回到顶部效果代码

$(function(){  

$(window).scroll(function(){       

    if($(window).scrollTop()>=100){//向下滚动像素大于这个值时,即出现小火箭~

    $('.actGotop').fadeIn(300);//火箭淡入的时间,越小出现的越快~

    }else{...


js冒泡事件

何为冒泡事件。
就是当设定了多个div的嵌套时;即建立了父子关系,当父div与子div共同加入了onclick事件时,当触发了子div的onclick事件后,子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发,导致了页面混乱。这就是冒泡事件。

消除冒泡事件的方法
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
下面的一段代码即可以很好的解释是么是冒泡效果,什么叫消除冒泡效果

<html> 
<head> 
<title> 阻止JavaScript...

setTimeout()

setTimeout有两种形式

  setTimeout(code,interval)
  setTimeout(func,interval,args)

  其中code是一个字符串
  func是一个函数.

  注意"函数"的意义,是一个表达式,而不是一个语句.
  比如你想周期性执行一个函数
  function a(){
      //...
  }
  可写为
  setTimeout...

jq hover()

hover(enter, leave)  包含两个函数,mouseenter时执行第一个函数,mouseleave时执行第二个函数,其中mouseleave需要trigger(mouseleave)来激发,具体看下面代码:

    $(function(){

     $("#div).hover(function(){

           this.hide()...


css 竖线设置

是不是考虑用这个?

<a href="#">整机</a>|<a href="#">LCD</a>


我们来看看taobao和paipai对这块的实现,这两个站首页罗例产品分类时,都使用了这种样式:

paipai的实现
a{
border-left: 1px solid #D9D9D9;
margin-left: -1px;
padding-left: 5px;
}

taobao的实现:
a{
border-left: 1px solid #B7D0E4;
display...

div内部块级元素设置外间距(margin)对其的影响

例如层内套层,如内层设置了margin-top, 会使外层与sibling之间产生margin,  解决方法是设置外层的border 1px。同时把border颜色改为与背景色一致,margin设置为-1px

© 清清一夏 | Powered by LOFTER