[切换城市]

IT一族,学编程让孩子更聪明!青少年儿童编程学习培训教程课程,编程机器人教具教程课程

 ?#19968;?#23494;码
 注册会员

QQ登录

只需一步,快速开始

使用新浪微博登录

一号多站,快速登录

搜索
?#20154;? 编程 scratch Python
查看: 8037|回复: 0
打印 上一主题 下一主题

[辅助资料] jQuery+CSS3模拟WIN8卡片式UI

[复制链接] 地区:

签?#25945;?#25968;: 26 天

[LV.4]偶尔看看III

5822

主题

5839

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
11370
跳转到指定楼层
楼主
发表于 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, 2019-4-24 08:53 , Processed in 0.254299 second(s), 36 queries .

Powered by ItYiZu! V1.0

© 2018-2028 ITYIZU Inc.

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