Question

我想知道如何修改我的javascript的某些部分以某种方式行事。目前，我有一个画廊的网页。单击导航菜单会显示我已完成的项目列表。单击该项目会在后台显示大图像。但是，我想在我的一个导航器上实现，特别是网站导航，也可以打开我建立的网站的新窗口，以便人们可以仔细阅读。到目前为止，这是我的脚本部分：

//clicking on a thumb, replaces the large image
            $list.find('.st_thumbs img').bind('click',function(){
                var $this = $(this);
                $loader.show();
                $('<img class="st_preview"/>').load(function(){
                    var $this = $(this);
                    var $currImage = $('#st_main').children('img:first');
                    $this.insertBefore($currImage);
                    hideThumbs(); ///hides thumb after image click
                    $loader.hide();
                    $currImage.fadeOut(2000,function(){
                        $(this).remove();
                    });
                }).attr('src',$this.attr('alt'));
            }).bind('mouseenter',function(){
                $(this).stop().animate({'opacity':'1'});
            }).bind('mouseleave',function(){
                $(this).stop().animate({'opacity':'0.7'});

            });

我会尝试这个，但它无法识别链接。所以我认为它必须是javascript。

<li class="album">
        <span class="st_link">Websites<span class="st_arrow_down"></span></span>
        <div class="st_wrapper st_thumbs_wrapper">
        <div class="st_thumbs">

                <img src="images/album/thumbs/web1.jpg" alt="images/album/web1.jpg"/>
                <a href="www.tannerhuynh.com/starbuzz/home.html"><img src="images/album/thumbs/web2.jpg" alt="images/album/web2.jpg"/></a>
  </div>
</div>
</li>

该网站是www.tannerhuynh.com，我希望点击拇指不仅可以加载背景图片，还可以访问我在www.tannerhuynh.com/starbuzz/home.html上建立的网站

我是javascript的新手，我没有丝毫的线索如何做到这一点。任何帮助，将不胜感激。感谢。

唐纳

Answer 1

你的html a（href =＆＃34; www）不正确。它应该看起来像：a（href =＆＃34; http：//www.website.com"）。正如您在评论中所说，这解决了您的解决方案。

Javascript导航菜单

1 个答案: