我想实现这样的效果，如图所示： 代码应该怎样实现？

<!-- 焦点图代码_begin -->
    <div class="jdt mt10">
        <div class="mod_focus_show" id="divimgplay">
            <ul class="mod_focus_pic" id="divimginfog_imgPlayer">
             [@cms_content_list typeId='3' count='10' titLen='8' channelOption='1' channelId='42' orderBy='4']
                [#list tag_list as a]
                <li>
                    <a href="${a.url}" target="_blank">
                    <img src="${a.typeImg!site.defImg}" alt="${a.title}" />
                    </a>
                </li>
                [/#list]
                [/@cms_content_list]
            </ul>
            <ul class="mod_focus_title" id="ptitleg_imgPlayer">
                <li class="current">
                    <h3><a href="#" target="_blank"></a></h3>
                    <p></p>
                </li>
            </ul>
            <ul class="mod_focus_list" id="divpageinfog_imgPlayer">
                [@cms_content_list typeId='3' count='10' titLen='8' channelOption='1' channelId='42' orderBy='4']
                [#list tag_list as a]
                <li>
                    <a href="${a.url}" target="_blank">
                    <img src="${a.typeImg!site.defImg}" alt="${a.title}" width="60" height="60" />
                    <span class="border"></span>
                    <span class="mask"></span>
                    </a>
                </li>
                [/#list]
                [/@cms_content_list]
            </ul>
            
        </div>
        <script type="text/javascript">
            foucsbox(2500);
        </script>
    </div>
    <!-- 焦点图代码_end -->