账号通
    

账号  

密码  

335

查看

1

回复
主题:[求助]网站中这种幻灯效果如何用标签实现,静态代码已经有了 [收藏主题]  
heaozk 当前离线

389

主题

3

广播

1

粉丝
添加关注
级别:三年级

用户积分:2255 分
登录次数:285 次
注册时间:2009/4/2
最后登录:2017/11/11
heaozk 发表于:2016/12/15 20:42:44   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)

点击查看原图

网站中这种幻灯效果如何用标签实现,静态代码已经有了


上面是原图,下面是一个缩略图,这个实现起来不知道怎么实现,不知道大家有没有遇到相同的问题!

<div class="page01">
        <ul class="bannerUl">
[loop=1]
            <li class="no1 bannerli">
                <div class="inner1">
                    <img src="{@photourl}"  />
                    <a style="top:260px; left:308px;"  href="{@linkurl}" target="_blank">{@title}</a>
                </div>
            </li>
[/loop]
[loop=1]
            <li class="no2 bannerli">
          <div class="inner1">
                    <img src="{$GetInstallDir}image/banner1.jpg"/>
                    <a  href="http://pwt.zoosnet.net/LR/Chatpre.aspx?id=PWT58247316" target="_blank">了解迅达教育</a>
              </div>
            </li>[/loop]
[loop=1]
              <li class="no3 bannerli">
          <div class="inner1">
                    <img src="{$GetInstallDir}image/banner2.jpg"/>
                    <a  href="http://pwt.zoosnet.net/LR/Chatpre.aspx?id=PWT58247316" target="_blank">了解迅达教育</a>
                </div>
            </li>[/loop][loop=1]
             <li class="no4 bannerli">
          <div class="inner1">
                    <img src="{$GetInstallDir}image/banner4.jpg"/>
                    <a  href="http://pwt.zoosnet.net/LR/Chatpre.aspx?id=PWT58247316" target="_blank">了解迅达教育</a>
               </div>
            </li>[/loop]
        
        </ul>
        <div class="innerC">
            <div class="circle">
                <ul>[loop=1]
                    <li class="cur">
                        <img src="{@photourl}" />
                    </li>[/loop]
                    [loop=3]<li>
                        <img src="images/4.jpg"  />
                    </li>
                     [loop=1]
                  

                </ul>
            </div>
        </div>
</div>


不知道后面的这个小缩略图该如何实现和上面的大图同步,点击小图就可以切换大图,大图和小图同步播放!

 
我学习,我努力!, 我学习,我努力!
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lisa31400 当前离线

29

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:33 分
登录次数:7 次
注册时间:2017/9/9
最后登录:2017/10/19
lisa31400 发表于:2017/9/13 10:40:34   | 只看该作者 查看该作者主题 沙发 
科汛万能建站系统
这种你可以考虑用js
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.14063秒 powered by KesionCMS 9.0