求高人解答javascript问题
巴扎黑
巴扎黑 2017-04-11 10:09:08
[JavaScript讨论组]
<!-- 轮播广告 -->
     <p  class="sy_zwL" id="gdtp" >
                <p class="sy_kongbai"><img id="gdimg" width="1024" height="170" onMouseOver="stopi();" onMouseOut="begini();" onClick="openurl();" src="images/2.1.jpg">
                <p class="pre"><img   onclick="pre()"  onmouseover="sbOn('pre')" onMouseOut="sbOff('pre')" src="images/index_btn01.png" ></p>
                <p class="next"><img  onclick="gudong()" onMouseOver="sbOn('next')"onmouseout="sbOff('next')" src="images/index_btn02.png" ></p>
                </p>
                <!--<p class="sy_ererbg"></p>-->
                <p class="sy_erer">
                  <p class="sy_gdtp_title" id="gdtp_title" onClick="openurl();"></p>
            <p class="sy_erer">
                  <p class="sy_gdtp_title" id="gdtp_title" onClick="openurl();"></p>
                  <p class="sy_zwi">
                
                 </p>
                </p>
                </p>
                  <ol  id="bannerCtrl" class="flex-control-nav flex-control-paging">
                  <li><img id="gdtpdian0" onClick="gudong2(0)" src="images/zw_16.png" ></li>
                  <li><img id="gdtpdian1" onClick="gudong2(1)" src="images/zw_14.png" ></li>
                  <li><img id="gdtpdian2" onClick="gudong2(2)" src="images/zw_14.png" ></li>
                 <!-- <li><img id="gdtpdian3" onClick="gudong2(3)" src="images/zw_14.png" tppabs="http://www.jxzj.gov.cn/jxzj/images/zw_14.png"></li>
                  <li><img id="gdtpdian4" onClick="gudong2(4)" src="images/zw_14.png" tppabs="http://www.jxzj.gov.cn/jxzj/images/zw_14.png"></li>-->
                  </ol>
    
              </p>
              
             
<script type="text/javascript">
$(function() {
    var bannerSlider = new Slider($('#banner_tabs'), {
        time: 3000,
        delay: 400,
        event: 'hover',
        auto: true,
        mode: 'fade',
        controller: $('#bannerCtrl'),
        activeControllerCls: 'active'
    });
    $('#banner_tabs .flex-prev').click(function() {
        bannerSlider.prev();
    });
    $('#banner_tabs .flex-next').click(function() {
        bannerSlider.next();
    });
});
</script>
              <!--滚动图片js开始-->
              <script language="javascript">
              var i=0;
              var pics="";
              var links="";
              var titles="";
            
            pics+="images/2.3.jpg|";
            titles+=" |";
            links+="#|";
            
            pics+="images/2.2.jpg|";
            titles+=" |";
            links+="#|";
            
            pics+="images/2.1.jpg|";
            titles+=" |";
            links+="#|";
            
        
              var pic=pics.split("|");
              var url=links.split("|");
              var doctitle=titles.split("|");
              function $$(id){
                  return document.getElementById(id);
              }              
              function gudong2(num){
                 $$("gdimg").src=pic[num];
                 //$$("gdtp").style.background="url("+pic[num]+")";
                 $$("gdtp").title=doctitle[num];
                 $$("gdtp").setAttribute("url",url[num]);
                 $$("gdtp_title").innerHTML=doctitle[num];
                 for(var k=0;k<3;k++){
                   if(k==num){
                      $$("gdtpdian"+k).src="images/zw_16.png";
                   }else{
                      $$("gdtpdian"+k).src="images/zw_14.png";
                   }
                 }
                 if(num<2){
                    i=num+1;
                 }else{
                    i=0;
                 }
              }
              function gudong(){
                 gudong2(i);
              }
              function pre(){
                if(i>1){
                  gudong2(i-2);
                 }else{
                   gudong2(2);
                   i=2;
                 }
              } 
              function openurl(){
                 window.open($$("gdtp").getAttribute("url"));
              }
              var Interval;
              function begini(){
                gudong(0);
                Interval=window.setInterval("gudong();",3000);
              }
              function stopi(){
                clearInterval(Interval);
              }
              function sbOn(id){
                if(id=='pre'){
                   $$(id).src="images/index_btn01.png";
                }else{
                   $$(id).src="images/index_btn02.png";
                }
              }
              function sbOff(id){
                if(id=='pre'){
                   $$(id).src="images/index_btn03.png";
                }else{
                   $$(id).src="images/index_btn04.png";
                }
              }
              </script><!--lunbo end-->

巴扎黑
巴扎黑

全部回复(1)
黄舟

不写问题,不知所谓?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号