当前位置:嗨网首页>书籍在线阅读

31-解决方案

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

7.7.2 解决方案

已经在 div.box 元素中添加了一个CSS,将不透明度设置为0。

不在用户单击按钮时触发特效,而是在光标悬停于按钮之上时运行动画。这只是为了说明没有 stop() 调用,动画就会失控:

$(document).ready(function () {
  $('#animate').hover(function () {
   $('.box').stop().fadeTo(200, 1);
  }, function () {
   $('.box').stop().fadeTo(200, 0);
  });
});