jQuery动画联系

  • z0_304994
    了解作者
  • 12.3MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-25 05:44
    上传日期
里面有十个动画小项目,是联系jQuery的不错选择
jQuery.zip
  • jQuery
  • imgs
  • plus_16px_1205834_easyicon.net.png
    2.1KB
  • minus_sign_16px_1103571_easyicon.net.png
    1.6KB
  • 43c0674e8407d0158ae9349b4d1eb201.png
    3.4KB
  • ecf7fb1da6b91db97f81f4f5dc651a9d.png
    6.7KB
  • 19.jpg
    228.2KB
  • down_arrow_16px_1209031_easyicon.net.png
    1KB
  • 2.jpg
    102.3KB
  • 11.jpg
    53.6KB
  • 13.jpg
    23.9KB
  • 8.jpg
    9.1KB
  • 6.jpg
    59.7KB
  • 1.jpg
    154.4KB
  • 16.jpg
    14.6KB
  • 12.jpg
    75.5KB
  • 14.jpg
    673.1KB
  • 4.jpg
    30.3KB
  • 5.jpg
    139.5KB
  • 17.jpg
    37.2KB
  • 9.jpg
    119.7KB
  • 18.jpg
    165.9KB
  • matte_white_square_icon_symbols_shapes_16px_570713_easyicon.net.png
    1.8KB
  • 10.jpg
    162.3KB
  • upward_22.944px_1205512_easyicon.net.png
    1.2KB
  • 7.jpg
    165.3KB
  • down_arrow_24px_1209031_easyicon.net.png
    1.1KB
  • 15.jpg
    126.2KB
  • 3.jpg
    13.8KB
  • 图片切换.html
    4.4KB
  • 手风琴.html
    1.3KB
  • 突出展示.html
    1.2KB
  • 自定义动画.html
    607B
  • 微博发布.html
    1.3KB
  • 突出展示2.html
    5.3KB
  • 图书列表.html
    2.4KB
  • 渐变动画.html
    851B
  • 新闻发布.html
    575B
  • 商品展示.html
    2.2KB
  • jquery-1.7.2.min.js
    92.6KB
  • jquery-2.1.4.min.js
    82.4KB
  • jquery-1.11.3.min.js
    93.7KB
  • 火影图片
  • b7a231bf1b6dbc6aff24501246dd1c3e.png
    1.2MB
  • 05.jpg
    241.5KB
  • 06.jpg
    25.2KB
  • 07fe738ba44586c7a8da90648527e570.jpg
    94.7KB
  • 6bbe28a5806b872c4cfd66ff7b6de781.jpg
    16.8KB
  • f2b7787ad833c153fb1bc10bbcadddf8.jpg
    205.7KB
  • b276b9c5602276cc8884746bdaea1432.jpg
    236.6KB
  • 224602e3fd31eb0f8396341ad565c29c.jpg
    36.2KB
  • 4474fe27f03d5041c1ca99903e7c3e16.jpg
    189.1KB
  • 09.jpg
    66.8KB
  • u=2485508848,1101613526&fm=26&gp=0.jpg
    14.8KB
  • abea0e7331024225a5d2421f3da6ab99.jpg
    31.9KB
  • 2.jpg
    39.3KB
  • 010.jpg
    323.1KB
  • e6d75376bed3e111aaf011e941723ee4.jpeg
    298.9KB
  • e4a2089b6705806b3cc01d1d95014886.jpg
    13.6KB
  • 11.jpg
    35.3KB
  • 49dcd5e3789fc487bc7252304d28061c.jpg
    139.3KB
  • 0b203903b53f9fe8938162c96231c2cc.jpg
    17.2KB
  • 011.jpg
    67.3KB
  • 02.jpg
    212.2KB
  • 8.jpg
    164.1KB
  • 6.jpg
    29.7KB
  • 9dfdde7e74cffdcbc43d84be5e35589f.jpg
    40.5KB
  • db91d1fe0bd7d5de29eddcc3343d361d.jpg
    17.5KB
  • 8c01c7914ca120a9d074949f69c67894.jpg
    41.4KB
  • f4eb788fffefe645ca0682fb6d476d83.jpg
    60KB
  • 4240d02e31f1918ea8acf4d91f7c13cf.jpeg
    188.7KB
  • 1.jpg
    25KB
  • 000.jpg
    191.8KB
  • 22f8abc6d95a1962dfad708d95170c8c.jpg
    18.5KB
  • 30e87817a68b942789d2e18a9664e980.jpg
    77.6KB
  • e5a7337df749ca7a03a715bd387ffd67.jpg
    20.5KB
  • 4.jpg
    105.7KB
  • 2d911e9e437c870dc667555b7c25c6d1.jpg
    856.1KB
  • 07.jpg
    95.3KB
  • ab8af7718ce520bef1685daa2966ef7d.jpg
    121.9KB
  • 5.jpg
    194.5KB
  • 9.jpg
    286.6KB
  • b6aefbbe5293fb2ef12b5a5218b90d77.jpg
    249.7KB
  • 3f0324c3ff213a91c50c1b65f191ed91.jpg
    177.2KB
  • bf4a4cf0393b6aa30a28052b52344e5e.jpg
    384.5KB
  • 7fb3f507550d69f9fcfac4cb67af0728.jpg
    14.1KB
  • 76e05892f8505caca2c81afe6199afd6.jpg
    19.5KB
  • 7412416c9d93ad24db7a59219727b956.jpg
    66.7KB
  • 08.jpg
    169.8KB
  • 03.jpg
    60.6KB
  • 940e6b02c26eecce0d2e815955b0d70b.jpg
    38.1KB
  • 4a3ee07743358598a867c9e65f8ad614.jpg
    16.7KB
  • 77227e9517da68797c8c5fbc6dea32a4.jpg
    187.1KB
  • 590c761ced0531819ea59f1a4701d9d0.jpg
    70KB
  • 10.jpg
    177.9KB
  • 7.jpg
    1.7MB
  • fa103f7c84b23d77fe0531e4325c2db0.jpg
    404.3KB
  • ab65c948d76a21a05eb7475eb188dd82.jpg
    20.7KB
  • 01.jpg
    191KB
  • 04.jpg
    147.3KB
内容介绍
<!doctype html> <html> <head> <meta charset="utf-8"> <title>突出显示2</title> </head> <style type="text/css"> *{ margin:0; padding:0; list-style:none;} .con{ width:790px; height:362px; border: 1px solid #000; margin:100px auto; background:#000;} .con ul li{ float:left; width:158px; height:362px; overflow:hidden;} .con img{ display:block;} .con a{ display:block;} </style> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ $('.con ul li a').hover(function(){ //$('.con ul li a').stop().animate({'margin-left':'0px','opacity':'0.5'},500); //$(this).parent().parent().find('a').stop().animate({'margin-left':'0px','opacity':'0.5'},500); $(this).closest('ul').find('a').stop().animate({'margin-left':'0px','opacity':'0.5'},200); $(this).stop().animate({'margin-left':'-15px','opacity':'1'},200); },function(){ $(this).closest('ul').find('a').stop().animate({'margin-left':'0px','opacity':'1'},200); }); }); </script> <body> <div class="con"> <ul> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> </ul> </div> <div class="con"> <ul> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> </ul> </div> <div class="con"> <ul> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> </ul> </div> <div class="con"> <ul> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> <li> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> <a href="javascript:;" rel='nofollow' onclick='return false;'></a> </li> </ul> </div> </body> </html>
评论
    相关推荐