• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
高明无思ThoughtInWork
博客园    首页    新随笔    联系   管理    订阅  订阅
09 2013 档案
用js实现动画效果核心方式

摘要:为了做好导航菜单,有时候需要在菜单下拉的时候实现动画效果,所以这几天就研究了研究如何用js实现动画效果,实现动画核心要用到两个函数,一个是setTimeOut,另一个是setInterval.下边我就简单说一下过程和原理。第一步:实现一个匿名函数并能自己执行。(function(){ })()这个函数在一样编的好的JS代码中经常会见到,起到闭包,自动执行的效果,在函数后加一对()表示自动执行,前边的匿名函数需要用()包起来,这样才能为宿主(我们的BOM环境)理解,里面的function(){}这就是个匿名函数。第二步:实现动画,以改变一个box的秀明度来说明。id为animation的div要 阅读全文
posted @ 2013-09-22 17:14 高明无思 阅读(43210) 评论(8) 推荐(3)
用js写的极简的导航菜单,带下拉列表

摘要:太简单了,不多说,但是自己还是写了一会,因为总会出现这样那样小的错误,毕境最近在复习和学习一些前台,欢迎看到的各位能给点改进意见或者其它的,Thank you!首先是发图,只用CSS写了结构,几乎没加任何修饰,因为现在不是做那个的时候;说明:如图一横向的菜单,当鼠标悬浮在上边时,下拉菜单出现,当鼠标不在上边时下拉菜单隐藏,仅此而已环境:FireFox 23.0.1原代码,都在一个页面中吧,只是为了学习而已 Bind The Click Home Home Product Address Contract Help Product ... 阅读全文
posted @ 2013-09-16 19:28 高明无思 阅读(7144) 评论(0) 推荐(3)

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3