[切換城市]

開啟輔助訪問 切換到寬版

QQ登錄

只需一步,快速開始

使用新浪微博登錄

一號多站,快速登錄

注冊會員 找回密碼

IT一族:愛編程,愛創業,愛投資!創業找項目_大學生創業網_大學生在家創業_小本創業_投資創業_網上賺錢項目

查看: 7203|回復: 0
打印 上一主題 下一主題

[輔助資料] jQuery+CSS3模擬WIN8卡片式UI

[復制鏈接] 地區:

簽到天數: 26 天

[LV.4]偶爾看看III

5803

主題

5820

帖子

1萬

積分

管理員

Rank: 9Rank: 9Rank: 9

積分
11347
跳轉到指定樓層
樓主
發表于 2018-8-8 08:00:00 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
  1. //slidedown Effect
  2. $('.slidedown').hover(function() {
  3.     $('.search').show();
  4.     $(this).children().animate({
  5.         top: '30'
  6.     },
  7.     {
  8.         queue: false,
  9.         duration: 500
  10.     });
  11. },
  12. function() {
  13.     $(this).children().animate({
  14.         top: '0'
  15.     },
  16.     {
  17.         queue: false,
  18.         duration: 500
  19.     });
  20.     $('.search').hide();
  21. });
  22. //slideleft Effect
  23. $('.slideleft').hover(function() {
  24.     $(this).children().animate({
  25.         left: '-150'
  26.     },
  27.     {
  28.         queue: false,
  29.         duration: 160
  30.     });
  31.     $('.news').show();
  32. },
  33. function() {
  34.     $(this).children().animate({
  35.         left: '0'
  36.     },
  37.     {
  38.         queue: false,
  39.         duration: 160
  40.     });
  41.     $('.news').hide();
  42. });
  43. //slideright Effect
  44. $('.slideright').hover(function() {
  45.     $(this).children().animate({
  46.         left: '140'
  47.     },
  48.     {
  49.         queue: false,
  50.         duration: 160
  51.     });
  52.     $('.news2').show();
  53. },
  54. function() {
  55.     $(this).children().animate({
  56.         left: '0'
  57.     },
  58.     {
  59.         queue: false,
  60.         duration: 160
  61.     });
  62.     $('.news2').hide();
  63. });

  64. //startMenu Effect
  65. $('#start').toggle(function() {
  66.     $(this).addClass('click');
  67.     $('#startMenu').slideDown(110);
  68.     $('.container').addClass('small');
  69. },
  70. function() {
  71.     $(this).removeClass('click');
  72.     $('#startMenu').slideUp(110);
  73.     $('.container').removeClass('small');
  74. });
復制代碼


收藏收藏 轉播轉播 分享分享 分享淘帖
把本文推薦給朋友或其他網站上,每次被點擊增加您在本站積分:0.1T股
分享到: 
簽到前10,T股翻倍!搶!
論壇/群組 帖內廣告
您需要登錄后才可以回帖 登錄 | 注冊會員

本版積分規則

QQ|Archiver|手機版|小黑屋|IT一族:愛編程,愛創業,愛投資! ( 浙ICP備09039074號-3 )

GMT+8, 2018-11-30 03:06 , Processed in 0.210272 second(s), 36 queries .

Powered by IT一族! V1.0

© 2018-2028 Comsenz Inc.

快速回復 返回頂部 返回列表
二分时时彩是国家的吗