Home > Developer > JavaScript
Easy to understand and practical big picture carousel, easy to understand big picture
<Head> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8 "/> <title> big picture carousel </title> <style type =" text/css "> * {margin: 0px; padding: 0px ;} # container {width: 500px; height: 300px;/* border: 1px solid black; */position: relative; overflow: hidden ;}. btn {height: 100%; width: 30px;/* border: 1px solid red; */position: absolute; text-align: center; line-height: 300px; font-siz E: 40px; font-weight: 900; color: black; opacity: 0.3; transition: 0.6 s; z-index: 999; background-color: white ;}. btn: hover {cursor: pointer; opacity: 0.8 ;}# left-btn {left: 0px; top: 0px ;}# right-btn {right: 0px; top: 0px;} # ad-container {width: 2500px; height: 300px;/* border: 1px solid blue; */position: relative ;}. ad {width: 500px; height: 300px; float: left; text-align: center; line -Height: 300px; font-size: 100px; font-family: "";} </style>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
