1

抱歉，如果这已经发布了一百万次，我的搜索技能可能会让我失望。我有一个问题可能是显而易见的和容易的。

我的网站上有幻灯片功能，可以在这里找到：http: //jasenpeterson.com/12-Years/v4/

幻灯片功能运行良好，但是否有办法让 div 不必从 0% 到 100% 的高度和宽度“增长”？

我可能在解释我的问题方面做得很差，但如果你查看网站并选择“概要”，你应该明白我在说什么。

提前致谢。

我会继续寻找解决方案，如果我找到了，我会回复。再次感谢！

如果有帮助，这是我的代码：

var $btns = $('.nav a'), $slides = $('.slides > .content');

$btns.click(function(){
  $(this).addClass('active');
  $(this).parent().siblings().find('a').removeClass('active');
  $slides.eq($btns.index(this)).show('slow').siblings().hide('slow');
  return false;
});

$btns.first().click();

- - - - - - - -更新

大家好，我希望我不会因为更新我的主题而违反任何规则。经过一番研究，听起来我应该使用动画功能。

我一直在修改不透明度的动画，它适用于第一页（淡入和淡出），但不适用于其他页面。我可以看到控制台中的不透明度设置为 100 ..但它没有被显示。有任何想法吗？

http://jasenpeterson.com/12-Years/v4/

var $btns = $('.nav a'), $slides = $('.slides > .content');

$btns.click(function(){
  //add 'active' class to active link
  $(this).addClass('active');
  //remove 'active' class from previous link
  $(this).parent().siblings().find('a').removeClass('active');
  $slides.eq($btns.index(this)).animate( {"opacity": "1"}, "slow").siblings().animate( {"opacity": "0"}, "slow");
  return false;
});

//First link clicked on page load
$btns.first().click();

4

1 回答 1

0

没关系，我明白了。

var $btns = $('.nav a'), $slides = $('.slides > .content');

$btns.click(function(){
  //add 'active' class to active link
  $(this).addClass('active');
  //remove 'active' class from previous link
  $(this).parent().siblings().find('a').removeClass('active');
  $slides.eq($btns.index(this)).animate( {"opacity": "1"}, "slow").siblings().animate( {"opacity": "0"}, "slow");
  siblings().hide('fast');
  return false;
});

//First link clicked on page load
$btns.first().click();
于 2013-02-06T02:30:38.247 回答