音乐吧 - www.52290.com

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2600|回复: 0

Jquery栏目无缝滚动效果

[复制链接]

1056

主题

1090

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

音乐币
101
贡献
537
金钱
4461
威望
2120
相册
1

推广达人宣传达人突出贡献荣誉管理最佳新人活跃会员

QQ
发表于 2020-11-3 12:56:16 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
Jquery栏目无缝滚动效果,支持从左往右或从右往左无缝滚动。
代码示例:
        Jquery无缝滚动效果                .container { width:1133px; height:auto; position:relative;  margin:0 auto;}        .new { height:445px; background:#f4f4f4; }        .new .new_tit { font-size:18px; text-align:left; color:#332d2a; padding-top:55px; padding-bottom:10px;}        .new .new_tit a:hover { color:#e71d4d;}        .new .nw { width:100%; position: absolute;left:0; top:90px; z-index:1; height:345px; overflow:hidden;}        .new .nw .allnew { width:2000px; height:294px; padding-top:5px; overflow:hidden; }        .new .nw .nl  { float:left; margin-right:33px; -webkit-transform: translate(0,0);transform: translate(0,0);-webkit-transition: all ease-out 0.6s 0s;transition: all ease-out 0.6s 0s;}        .new .nw .nl:hover { -webkit-transform: translate(0,-5px); transform: translate(0,-5px); }        .new .nw .nl a { width:355px; height:305px;  }        .new .nw .nl a .img { display: block; width:356px; height:234px;border:1px solid red; background:green;}        .new .nw .nl a h1 { font-size:14px; font-weight:400; color:#1f1f1f; padding-top:20px; padding-bottom:4px;}        .new .nw .nl a h2 { color:rgba(120,120,120,0.6); font-size:12px;}        .new .n_left { display:block; position:absolute;left:-40px; top:220px; z-index:10; cursor:pointer;width:20px;height:20px;border:1px solid red;}        .new .n_right { display:block; position:absolute;right:-36px; top:220px; z-index:10; cursor:pointer;width:20px;height:20px;border:1px solid red;}                Jquery栏目无缝滚动效果
        左
                                                        
                        标题一               
                                    
                        标题二               
                                    
                        标题三               
                                    
                        标题四               
                                    
                        标题五               
            
        
        右
   

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|版权声明|001科技| 音乐吧 52290 ( 桂ICP备2021006182号 )

GMT+8, 2024-12-22 09:09 , Processed in 0.097566 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2023 07726.Com Inc.

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