js图片左右滚动的jquery插件(点击滚动和自动滚动).docVIP

!doctype html html head meta charset=utf-8 titlejs图片左右滚动的jquery插件（点击滚动和自动滚动） - 懒人建站 //title meta name=keywords content=左右滚动,js左右滚动,图片左右滚动 / meta name=description content=js图片左右滚动的jquery插件可以点击滚动也可以配置成自动滚动，atued的 三藏 法师 原创，懒人建站整理发布 / style ul{ padding:0; margin:0; list-style:none;} a{ text-decoration:none; color:#F00} .lcrbox { margin: 10px 0; overflow: hidden } .lcr_l, .lcr_r { display: block; position: relative; top: 50%; margin-right: 0; text-align: center } .lcr_l { float: left } .lcr_r { float: right } .lcr_c { height: 100%; overflow: hidden; position: relative } .lcr_c ul { white-space: nowrap; font-size: 0 } @media screen and (-webkit-min-device-pixel-ratio:0) { .lcr_c ul { display: inline-table; vertical-align: top } } .lcr_c li { display: inline; font-size: 13px } .lcr_c li a { display: inline-block } .lcr_c img { padding: 2px; border: #dadada solid 1px } .lcrbox01 { height: 110px; position: relative; margin-top: 0 } .lcrbox01 .lcr_l, .lcrbox01 .lcr_r { width: 17px; height: 36px; line-height:36px; margin-top: -18px; background-color: #fff; position: absolute; z-index: 100 } .lcrbox01 .lcr_l { left: 0; border-radius: 0 3px 3px 0; opacity: .5; filter: alpha(opacity=50) } .lcrbox01 .lcr_l:hover { opacity: .8; filter: alpha(opacity=80) } .lcrbox01 .lcr_r { right: 0; border-radius: 3px 0 0 3px; opacity: .5; filter: alpha(opacity=50) } .lcrbox01 .lcr_r:hover { opacity: .8; filter: alpha(opacity=80) } .lcrbox01 .lcr_c { z-index: 99 } .lcrbox01 .lcr_c li { padding-left: 10px } .lcrbox01 .lcr_c .scroll_first { padding-left: 0 } .lcrbox01 .lcr_c img { width: 182px; height: 102px } .lcrbox01 .lcr_l .ico, .lcrbox01 .lcr_r .ico { margin-top: 13px } :root .lcrbox01 .lcr_l, :root .lcrbox01 .lcr_l:hover, :root .lcrbox01 .lcr_r, :root .lcrbox01 .lcr_r:hover { filter: none } /style /head body div style=font-size:16px;a href=/ target=_blankatued/a /div div style=padding:20px 0; line-height:1.75;js图片左右滚动的jquery插件可以点击滚动也可以配置成自动滚动，由a href=/ target=_blankatued/a 的 三藏 法师 原创，a hr