jquery-1 jquery几个小实例

一、总结

一句话总结：jquery真的是简单加简便。

1、jquery中改变多个css属性怎么整？

可以链式连接方式，也可以大括号整多个。中间是键值对加引号的形式，和在css中写很像。css中写左边没有引号。右边也没有引号

64     function(){65         $(this).animate({66             'margin-left':'0px' 67 },500); 68 }

二、jquery几个小实例

toggle循环单击

1  2  3  4     
      5     index 6     11     12 13 14             15 16 26

hover鼠标循环移入移出

1  2  3  4     
      5     index 6     11     12 13 14             15 16 26

酒仙网左滑右滑特效

1  2  3  4     
      5     index 6     20     21 22 23     
     
      24         
              25     
     
26     
     
      27         
              28     
     
29     
     
      30         
              31     
     
32     
     
      33         
              34     
     
35     
     
      36         
              37     
     
38     
     
      39         
              40     
     
41     
     
      42         
              43     
     
44     
     
      45         
              46     
     
47     
     
      48         
              49     
     
50     
     
      51         
              52     
     
53     
     
      54         
              55     
     
56 57 71

单击标题切换内容

1 2 3 4

5 index 6 12 13 14 15

linux

linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!

17 18

linux

20 21

linux

23 24

linux

26 27 32

水果复制选择

1  2  3  4     
      5     index 6     16     17 18 19     水果选择:
20     
     
      21         
      27 28         
      29 30         
      32     
     
    33 34 39

水果移动选择

1  2  3  4     
      5     index 6     16     17 18 19     水果选择:
20     
     
      21         
      27 28         
      29 30         
      32     
     
    33 34 39

转载于:https://www.cnblogs.com/Renyi-Fan/p/9181173.html

你可能感兴趣的文章