$("#banner").height($(window).height()-125);$(window).resize(function(){ $("#banner").height($(window).height()-125);});   //首页幻灯$(".indeximgs:first").show();var i=0;$(".leftbut").click(function(){$(".indeximgs").hide();i=i-1;if (i==-1) {i=5}$(".indeximgs:eq("+i+")").fadeIn(1000);});$(".rightbut").click(function(){   $(".indeximgs").hide();i=i+1;if (i==6) {i=0} $(".indeximgs:eq("+i+")").fadeIn(1000);                      });//logo动画效果$("#logo").hover(function(){$("#logo img").attr('src','img/logo1.jpg');$("#logo img").addClass('animated flipInY');},function(){$("#logo img").removeClass('flipInY');$("#logo img").addClass('animated flipInX');$("#logo img").attr('src','img/logo.jpg');});//导航动画效果$("#guild ul li").hover(function(){  $(this).addClass('animated pulse');},function(){$(this).removeClass('pulse');});//banner出现时一次动画$("#banner").addClass('animated fadeInDown');//搜索事件$("#sbut").hover(function(){$("#search").show();$("#search").removeClass('slideOutLeft'); $("#search").addClass('animated fadeInLeftBig');});$("#closesearch").click(function(){setTimeout(function(){$("#search").hide();},1000);$("#search").addClass('animated slideOutLeft');$("#search").removeClass('fadeInLeftBig');});//优化显示$("#indexperson").css("visibility","hidden");$("#huandeng").css("visibility","hidden");$("#foot").css("visibility","hidden");$(document).ready(function(){$(window).bind("scroll", function(event){if ($(window).scrollTop()>303 && $(window).scrollTop()<407) { $("#indexperson").css("visibility","visible");$("#indexperson").addClass('animated fadeInUp');//setTimeout(function(){$("#indexperson").removeClass('fadeInUp');},2000);}if ($(window).scrollTop()>515 && $(window).scrollTop()<930) { $("#huandeng").css("visibility","visible");$("#huandeng").addClass('animated fadeInUp');//setTimeout(function(){$("#huandeng").removeClass('fadeInUp');},2000);}if ($(window).scrollTop()>1300 && $(window).scrollTop()<1500) { $("#foot,#copyright").css("visibility","visible");$("#foot,#copyright").addClass('animated fadeInUp');//setTimeout(function(){$("#foot").removeClass('rotateInDownLeft');},2000);}});});

  同事做的网站sanbf.com的效果应用。。

转载于:https://www.cnblogs.com/qfly/p/4654648.html

animate css3 应用的借鉴,一个同事写的JS相关推荐

  1. 同事写了一个疯狂的类构造器,我要疯了,Builder 模式都不会么?!!

    疯狂的类构造器 最近栈长在做 Code Review 时,发现一段创建对象的方法: Task task = new Task(112, "紧急任务", "处理一下这个任务 ...

  2. 晋升答辩,leader嫡系拿着我和另一个同事的项目去答辩,关键我们三个人是同一组答辩,这也太恶心了吧?...

    职场上有多少不公平现象? 一位网友吐槽:晋升答辩,leader嫡系拿着我和另一个同事的项目去答辩,关键我们三个人是同一组答辩,这也太恶心了吧? 网友说,这不就等于抄袭了吗? 有人说,脏活累活干完了,还 ...

  3. TinyWS —— 一个C++写的简易WEB服务器(三)

    写在前面 代码已经托管在 https://git.oschina.net/augustus/TinyWS.git 可以用git clone下来.由于我可能会偶尔做一些修改,不能保证git 库上的代码与 ...

  4. 一个程序员可以差到什么程度?真诚地感激曾经没有当面嘲笑我的每一个同事

    一个程序员可以差到什么程度? 差到我自己当年刚刚入行这样 大学本来就没学,毕业之后为了不上班,骗家里考研,又玩了四年, 游戏. 泡吧. 吃喝玩乐. 四年后,同学几乎都是15k左右了,混得好的,毕业直接 ...

  5. 程序员一个胳膊受伤了,只能用一个手写代码怎么办?

    原创文章,欢迎转载.转载请注明:转载自IT人故事会,谢谢! 原文链接地址:程序员一个胳膊受伤了,只能用一个手写代码怎么办? 一个同事晚上加班骑电动车直接胳膊摔伤了,现在每天带个绷带,还在坚持上班,他已 ...

  6. 一个自己写的PHP模板引擎

    这是一个自己写的编译型的模板引擎(不包括缓存部分)贴上代码.有问题可以随时跟帖. 单文件版:JTemplate.class.php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 1 ...

  7. 一个Delphi写的DES算法, 翻译成C#

    其实.NET Framework已经提供实现DES算法的类: System.Security.Cryptography.DESCryptoServiceProvider.之所以要把一个Delphi写的 ...

  8. [html] 请使用一个div写出有三条横线的小图标

    [html] 请使用一个div写出有三条横线的小图标 #menu{ width: 25px; height: 3px; border-top: 3px solid #0; border-bottom: ...

  9. 偶然发现一个大佬写的 React 脚手架,叫Moderate, 用起来很方便

    发现一个大佬写的 React 脚手架,叫Moderate, 用起来很方便 Moderate,意思为适中的,适度的,用这个作为代号,主要取决于他的本名"中用",其一以贯之的想法就是中 ...

最新文章

  1. C# Idioms: Enum还是Enum Class(枚举类)
  2. Postman导入和导出接口
  3. 【转】 UML类图关系(泛化 、继承、实现、依赖、关联、聚合、组合
  4. Chrome浏览器导入证书(谷歌浏览器导入burpsuite证书)
  5. 省选专练 【BZOJ4773】负环
  6. Java第二节课总结
  7. jQuery 学习笔记之十 (jQuery ajax )
  8. labelimg安装教程
  9. 三维空间里点到直线的距离
  10. 电子海图中的自动化关键技术研究
  11. 一定要计算机专业才能进华为吗,想去华为一定要报考这三所大学
  12. 一.数组(10)274. H 指数(不怎么理解)
  13. jQuery过年烟火炫酷背景插件音效
  14. 先选价、再叫车 高德打车首创上线“比价叫车”
  15. CF1111C Creative Snap
  16. CMD命令窗口光标消失解决方案
  17. JSM-ActiveMQ
  18. Python-pydicom读取dcm文件报错-2021.6.5
  19. AIX root用户密码遗忘的处理
  20. [安装wireshark时,报“Error opening file for writing npf.sys”]

热门文章

  1. iis服务器显示http1.1,IIS服务器“500”内部错误 HTTP/1.1 新建会话失败
  2. linux mysql启动_MySQL 安装(二)
  3. python列表总结
  4. java url下载ics_使用Microsoft Graph API处理外部(Internet / .ics)日历URL
  5. 后台系统可扩展性学习笔记(一)概要
  6. 【汇编语言】状态标志符(CF/OF/SF/ZF)在运算(ADD/SUB/ADC/SBB)过程中的响应变化
  7. 关联查询数据重复怎么办_在设计数据表的时候,是一个宽表好,还是多个维度表好?...
  8. 一般筛法和快速线性筛法求素数 求素数的一点总结
  9. C++ 对引用的理解5
  10. C++11新特性的总结