聯(lián)系官方銷售客服
1835022288
028-61286886
投訴
解決中 / 已回 怎么實現(xiàn)圖片左右點(diǎn)擊事件效果
8 0
<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}實現(xiàn)圖片左右點(diǎn)擊事件效果
官方提醒：使用module內(nèi)容循環(huán)標(biāo)簽的生成工具，填寫參數(shù)就可以生成相關(guān)的代碼，每個參數(shù)后面都有用法解釋
回復(fù)@小黃人 18html 主要得判斷鼠標(biāo)點(diǎn)擊事件 什么時候 opbox 什么適合是關(guān)閉狀態(tài)
<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>回復(fù)@LandQ 點(diǎn)擊左側(cè) 右側(cè)就會被顯示出來
這個腳本已經(jīng)有了
<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>
回復(fù)@fengyun110 主要是判斷這段代碼如何控制顯示和隱藏得
{if in_array($t.id,$cat.catids)} class="cur" {/if}<li{if $is_first} class="cur"{/if}>
<li{if $is_first} class="opbox"{/if}>
<li{if $is_first} class="cur"{/if}>