联系官方销售客服

1835022288

028-61286886

开发框架 版主:迅睿框架研发组
怎么实现图片左右点击事件效果
类型:迅睿CMS 更新时间:2022-02-23 15:33:23
<li>
      <div class="tpqh">
       <div class="tpqh_left">
                            {module module=jgxpp catid=27 num=3 more=1 join=1_jgxpp_data_0 on=id order=inputtime_asc}
       <div {if in_array($t.id,$cat.catids)} class="opbox" {/if}><img src="{dr_get_file($t['zuocedatu'])}" height="705"/></div>
                            {/module}
        
       </div>
       <div class="tpqh_right">
        <ul>
                                   {module module=jgxpp catid=27 num=3 more=1 join=1_jgxpp_data_0 on=id order=inputtime_asc}
         <li {if in_array($t.id,$cat.catids)} class="cur" {/if}><span><img src="{dr_get_file($t['thumb'])}" height="215"/></span></li>
                                   {/module}


实现图片左右点击事件效果


回帖
  • 小黄人 18html
    #1楼    小黄人 18html
    2022-02-23 14:12:18
    Chrome 0
    通过JQUERY 代码可以实现
  • 小黄人 18html
    #2楼    小黄人 18html
    2022-02-23 14:13:25
    Chrome 0
    https://www.jq22.com/jquery-info2449
  • fengyun110
    #3楼    fengyun110
    2022-02-23 14:25:59
    Edge 0
    小黄人 18html 主要得判断鼠标点击事件 什么时候 opbox 什么适合是关闭状态
  • LandQ
    #4楼    LandQ
    2022-02-23 14:42:05
    Chrome 0
    <div class="tpqh_right">
        <ul>
            {module module=jgxpp catid=27 num=3 more=1 join=1_jgxpp_data_0 on=id order=inputtime_asc}
            <li {if in_array($t.id,$cat.catids)} class="cur" {/if}><span><img src="{dr_get_file($t['thumb'])}" height="215"/></span></li>
            {/module}
        </ul>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".tpqh_right li").click(function() {
                    $(this).addClass("cur").siblings().removeClass("cur");
                });
            });
        </script>
    
    </div>
  • fengyun110
    #5楼    fengyun110
    2022-02-23 14:44:11
    Edge 0
    LandQ 点击左侧 右侧就会被显示出来

    这个脚本已经有了<script type="text/javascript"> $(function(){ $(".tpqh_right li").click(function(){ var num = $(this).index(); $(this).addClass("cur").siblings().removeClass("cur"); $(this).parents('.tpqh_right').siblings().children().eq(num).show().siblings().hide()
    }) })</script>
  • fengyun110
    #6楼    fengyun110
    2022-02-23 14:48:10
    Edge 0
    fengyun110 主要是判断这段代码如何控制显示和隐藏得
    {if in_array($t.id,$cat.catids)} class="cur" {/if}
  • LandQ
    #7楼    LandQ
    2022-02-23 15:18:02
    Chrome 0
    <li{if $is_first} class="cur"{/if}><li{if $is_first} class="opbox"{/if}>
  • LandQ
    #8楼    LandQ
    2022-02-23 15:33:23
    Chrome 0
    <div class="opbox"{if !$is_first} style="display: none;"{/if}><li{if $is_first} class="cur"{/if}>