Javascript 双击而非单击的动画

我有一个网页，我想在其中滑动图像的问题是，当我双击按钮时，它会滑动，而在单击按钮时，它不会滑动，我不知道为什么会发生这种情况

我的滑动Java脚本

     <script>
            function class1(id, newclass){
                myid=document.getElementById(id);
                myid.className=newclass;
                }
            </script>

     <div id="page_three" class="panel">
     <div class="main_heading_three">DRAXXIN</div>
     <div class="menu">
           <ul>
                    <li class="stix"></li>
                    <li><a href="#page_one"><img src="image/overview.gif" /></a></li>
                    <li class="stix"></li>
                    <li><a href="#page_two"><img src="image/strategy.gif"/></a></li>
                    <li class="stix"></li>
                    <li><a href="#page_three" onclick="class1('img_one_slide','img_one');class1('img_two_slide','img_two');"><img src="image/draxxin_active.png"/></a></li>                         <li class="stix"></li>
                    <li><a href="#page_four"><img src="image/excede.gif"/></a></li>
                    <li class="stix"></li>
                    <li><a href="#page_five" onclick="class1('test','img_six_2');"><img src="image/results.gif"/></a></li>
                    <li class="stix"></li>
                    <li><a href="#"><img src="image/reference.gif"/></a>
                            <ul>
                            <li><a target='_blank' href="DRAXXIN-Product-Insert.pdf"><img src="image/dropdown1.png"/></a></li> 
                            <li><a target='_blank' href="DRAXXIN-Product-Insert.pdf"><img src="image/dropdown2.png"/></a></li>
                            </ul>
                    </li> 
                    <li class="stix"></li>
                </ul>
            </div>
            <div class="rightclass_two"><img src="image/whiteslide.png"/></div>  
            <div>
                <ul>
                    <li class="midmenu_3"><a href="#page_two"><img src="image/backward.png"/></a></li>     
                    <li class="midmenu_4"><a href="#page_four"><img src="image/forward.png"/></a></li>
                </ul>
            </div>                
            <div class="text_paragraph_3">
                <p>DRAXXIN ® (<i>tulathromycin</i>) keeps working for up to 14 days.<span class="superscript">1, 2</span>
                </p>
            </div>
            <div class="text_paragraph_4">
               A single dose of DRAXXIN ® (<i>tulathromycin</i>):
                <ul><li>Controls and treats the four major BRD pathogens, including <i>Mycoplasma bovis</i></li>
                    <li>Decreases the total number of treatments</li>
                    <li>Reduces associated labor and treatment costs</li>
                </ul>

            </div>
            <div class="text_paragraph_5">
                <p class="para">Pre-slaughter Withdrawal Time 18 days </p>
                <p class="para_2">IMPORTANT SAFETY INFORMATION</p>
                <p class="para_1">Do not use DRAXXIN in calves to be processed for veal. A pre-slaughter withdrawal time has not been determined for pre-ruminating calves. Effects on reproductive performance, pregnancy and lactation have not been determined. 
                </p>
           </div>
           <div class="right_text_page3">
           <p>With longer duration, DRAXXIN extends your PMIs or PTIs for a greater return on your investment.
           </p>
           </div>
           <div class="right_text_page4"> 
           <p>
           DRAXXIN has been shown to work with a 14-day PMI on high-risk cattle compared with other antimicrobials using a 3-day PMI<span class="superscript">7</span>
           </p>
           </div>
           <div class="right_text_page5"> 
           <small>
           <p>
           a,b Different superscripts identify statistically different values (P=0.0005) through 208 days.
           </p>
           <p>*Least square means.</p>
           </small>
           </div>
           <div class="right_text_page6"> 
           <p>
           A study<span class="superscript">8</span> of DRAXXIN shows, even at 7-, 10- or 14-day
           PTIs, extending the PTI resulted in no change to
           treatment responses, or slight improvement
           </p>
           </p></div>
           <div class="right_text_page7"> 
           <p>
           At 7, 10 or 14 days, there were no differences in
           mortality rate or ADG<span class="superscript">8</span>
           </p>
           <p>
           (<small><i>P=0.34</i></small>)
           </p>
           </p>
           </div>

函数类1（id，newclass）{
myid=document.getElementById（id）；
myid.className=newclass；
}
德拉克辛























Draxin®（图拉霉素）可持续工作14天。1,2

单剂量Draxin®（图拉霉素）：
控制和治疗四种主要BRD病原体，包括牛支原体
减少处理的总数
降低相关的人工和治疗成本

屠宰前提取时间18天

重要安全信息

不要在要加工成小牛肉的小牛中使用Draxin。尚未确定预反刍犊牛的屠宰前撤离时间。对生殖性能、妊娠和哺乳的影响尚未确定。

Draxin延长了PMI或PTI的持续时间，为您的投资带来更大的回报。


与使用3天PMI7的其他抗菌素相比，Draxin对高危牛的14天PMI有效


a、 b不同的上标表示208天内统计上的不同值（P=0.0005）。

*最小二乘法


对Draxin的一项研究表明，即使是在第7天、第10天或第14天
公共交通信息系统，扩展公共交通信息系统不会导致
治疗反应，或轻微改善



在第7天、第10天或第14天，两组之间没有差异
死亡率或ADG8


（P=0.34）

这些是用于滑动的图像

        <div id="img_one_slide" class="img_one_in"><img src="image/graph_one.png"/></div>      
    <div id="img_two_slide" class="img_two_in"><img src="image/graph_two.png"/></div>

 <!--Draxxin page light box-->

---

您需要从元素a中删除href或将onclick移动到另一个元素

实际上，a元素上的两个“指令”（由onclick设计的指令和自然跳转到href的指令）是冲突的

编辑：

以下是一种（使用jquery）执行页面内跳转和滑动的方法：

function doThing() {
    $('html, body').animate({
        scrollTop: $('a[name="page_three"]').offset().top + 'px'
    }, 'fast');
    class1('img_one_slide','img_one');
    class1('img_two_slide','img_two');
}



<li><img style="cursor:pointer;" src=... onclick="doThing();">

function doThing（）{
$（'html，body'）。设置动画({
scrollTop:$（'a[name=“page_three”]'）.offset（）.top+'px'
}“快”）；
第1类（“img_one”幻灯片、“img_one”）；
第1类（“img_two幻灯片”、“img_two”）；
}

---

我添加了游标：指针；要让用户知道图像是可单击的。

页面中没有javascript？需要查看用于滑动的代码。

这是用于滑动函数class1（id，newclass）{myid=document.getElementById（id）的jquery；myid.className=newclass；}我需要知道你想做什么。你为什么有这个名字？你想改变页面中的位置并滑动你的图像吗？我想当我点击Draxin按钮时，它打开页面并在该页面上同时滑动图像。这就是为什么如果只为页面提供href，然后在何处提供onclick以进行滑动准确地说，单次单击就是激活链接+1'd@vdbuilder是的，如何解决或分离这些问题，并用解决方案完成这些工作。我使用jquery简化了对目标位置的搜索。