css3按钮 css3按钮动画( 二 ) _生活百科

21、$(function () {
22、$(' back C2 ') 。mouseover(function () {
23、$(这个) 。animate({ marginTop: '5px' }，200)；
24、});
25、$(' back C2 ') 。mouseleave(function () {
26、$(这个) 。animate({ marginTop: '10px' }，200)；
27、});
28、$(' back C3 ') 。mouseover(function () {
29、$(这个) 。animate({ marginTop: '5px' }，200)；
30、$(这个) 。animate({ marginTop: '10px' }，200)；
31、});
32、$(' back C4 ') 。mouseover(function () {
33、$(这个) 。fadeTo(300，0.3)；
34、});
35、$(' back C4 ') 。mouseleave(function () {
36、$(这个) 。fadeTo(300，1)；
37、});
38、$(' back C5 ') 。mouseover(function () {
39、$(这个) 。fadeTo(400，0.3)；
40、$(这个) 。fadeTo(400，1)；
41、});
42、$(' back C6 ') 。mouseover(function () {
43、$(这个) 。addClass('divradius ') 。fadeTo(300，0.3)；
44、});
45、$(' back C6 ') 。mouseleave(function () {
46、$(这个) 。removeClass('divradius ') 。fadeTo(300，1)；
47、});
48、});
49、/脚本
50、书写html .
51、div class='all '
52、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
53、div class='list backc1 '音乐/div
54、/a/div
55、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
56、div class=' list back C2 ' style=' margin-top:10px；'电影/div
57、/a/div
58、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
59、div class=' list back C3 ' style=' margin-top:10px；'文章/div
60、/a/div
61、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
62、div class=' list back C4 ' style=' opacity:1；'图片/div
63、/a/div
64、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
【css3按钮 css3按钮动画】65、div class=' list back C5 ' style=' opacity:0.81134100206046；'心情/div
66、/a/div
67、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
68、div class=' list back C6 ' style=' opacity:1；'分享/div
69、/a/div
70、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
71、div class=' list backc7 '晒晒/div
72、/a/div
73、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
74、div class='list backc8 '新闻/div
75、/a/div
76、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
77、div class=' list backc9 '周刊/div
78、/a/div
79、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
80、div class=' list backc10 '笑话/div
81、/a/div
82、div class='bll'a href='https://www.gongyilvshi.com/shss/202208/#'
83、div class=' list backc11 '空间/div
84、/a/div
85、/div
86、浏览器查看效果。