我正在创建一个个人网站,其中包括一个投资组合页面,其中包含多个可以使用 jQuery 淡入/淡出功能打开和关闭的画廊。我的主索引页面上也有链接,我想链接到包含画廊的每个单独的 div。有没有办法做到这一点?我在网页设计和 jQuery 方面相当陌生。div 分配了一个类,将它们绝对定位,以便它们重叠,并且每个 div 都有一个唯一的 id,并在 jQuery 代码中使用。这是我用来显示和隐藏 div 的代码...
<script type="text/javascript">
$(function() {
$('#show_advertisement').click(function() {
$('#gallery_logos').fadeOut('slow');
$('#gallery_illustrations').fadeOut('slow');
$('#gallery_webdesign').fadeOut('slow');
$('#gallery_advertisments').fadeIn('slow');
});
$('#show_logo').click(function() {
$('#gallery_advertisments').fadeOut('slow');
$('#gallery_illustrations').fadeOut('slow');
$('#gallery_webdesign').fadeOut('slow');
$('#gallery_logos').fadeIn('slow');
});
$('#show_illustration').click(function() {
$('#gallery_advertisments').fadeOut('slow');
$('#gallery_webdesign').fadeOut('slow');
$('#gallery_logos').fadeOut('slow');
$('#gallery_illustrations').fadeIn('slow');
});
$('#show_web').click(function() {
$('#gallery_advertisments').fadeOut('slow');
$('#gallery_illustrations').fadeOut('slow');
$('#gallery_logos').fadeOut('slow');
$('#gallery_webdesign').fadeIn('slow');
});
$('#show_advertisement').trigger('click');
});
</script>
任何帮助将不胜感激,谢谢!