设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 关于鼠标滑动特效的代码问题
发新帖
返回列表
1 670
电梯直达  跳转到指定楼层

[提问] 关于鼠标滑动特效的代码问题

进阶巨林|新手上路 |勤币 38 |学币 0
发表于 2018-2-6 10:47 | 复制链接 | 打印 | 上一主题 | 下一主题
淘宝店铺装修完全自学教程 - 6.9.突破950px带有鼠标特效的分类展示区域
按照视频里的思路做的，可是就是没有滑动的效果，请老师帮看看我的代码哪里有问题



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<!--  亲，使用后发个链接帮我们宣传下吧，淘宝代码免费生成网www.001daima.com  -->
<!--  此处注释淘宝会自动过滤  -->

<div data-title="来自淘宝代码生成网www.001daima.com" style="height:450px;">
    <div class="most-footer footer-more-trigger" style="left:50%;width:1380px;height:450px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;background-color: transparent; ">
        <div class="most-footer footer-more-trigger" style="left:-215px;top:-10px;border:none;padding:0;background-color: transparent; ">
                        <div style=" width:1380px; height:450px">

            <div class="fotter-more" style="padding:0; width:300px; height:450px; background:url(); float:left; margin:0 20px">
                      <a href="https://item.taobao.com/item.htm?spm=a1z10.3-c-s.w4002-15498890687.40.45730f2ccd2Ab8&id=563316419791" target="_blank"><img class="footer-more-panel" style=" width:300px; padding:0; border:none; bottom:0; right:0;" src="https://img.alicdn.com/imgextra/i4/2130976755/TB2Rt80XN1YBuNjy1zcXXbNcXXa_!!2130976755.jpg"/></a>

          </div>




             <div class="fotter-more" style="padding:0; width:300px; height:450px; background:url(https://item.taobao.com/item.htm ... amp;id=557650738841); float:left; margin:0 20px">
                     <a href="https://item.taobao.com/item.htm?spm=a1z10.3-c-s.w4002-15498890687.58.45730f2ccd2Ab8&id=557955067056" target="_blank"><img class="footer-more-panel" style=" width:300px; padding:0; border:none; bottom:0; right:0;" src="https://img.alicdn.com/imgextra/i4/2130976755/TB2Zh40XH5YBuNjSspoXXbeNFXa_!!2130976755.jpg"/></a>


            </div>



              <div class="fotter-more" style="padding:0; width:300px; height:450px; background:url(); float:left; margin:0 20px">
                      <a href="https://item.taobao.com/item.htm?spm=a1z10.3-c-s.w4002-15498890687.58.45730f2ccd2Ab8&id=557955067056" target="_blank"><img class="footer-more-panel" style=" width:300px; padding:0; border:none; bottom:0; right:0;" src="https://img.alicdn.com/imgextra/i3/2130976755/TB20d80XN1YBuNjy1zcXXbNcXXa_!!2130976755.jpg"/></a>


            </div>



              <div class="fotter-more" style="padding:0; width:300px; height:450px; background:url(); float:left; margin:0 20px">

                              <a href="https://item.taobao.com/item.htm?spm=a1z10.3-c-s.w4002-15498890687.43.45730f2ccd2Ab8&id=559913774308" target="_blank"><img class="footer-more-panel" style=" width:300px; padding:0; border:none; bottom:0; right:0;" src="https://img.alicdn.com/imgextra/i4/2130976755/TB2V_t3XKySBuNjy1zdXXXPxFXa_!!2130976755.jpg"/></a>


             </div>

             </div>     

                </div>

    </div>


</div>





</body>
</html>
举报 使用道具
| 回复

共1个回复 最后回复于 2018-2-7 11:18

韩文强
新手上路
勤币 77   学币 0  
沙发
发表于 2018-2-7 11:18:18 | 只看该作者
footer-more这个类依然可以用，特效我在我店铺中也试过了，没有问题，你可以打个包发一下你的代码，我看看问题在哪里，不要直接把代码复制到这里，我没法用。
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表