• 图片平滑效果


    <html>
     <head>平滑跑马灯</head>
     <body>
      <div class="skin-box-bd clear-fix"> 
       <span> 
        <div style="height:630px; margin:0px; padding:0px; padding: 0px; overflow-y:scroll;"><!--没有滚动条-->
         <div data-title="本代码由疯狂的美工装修助手自动生成" class="TWidgst15114taigyer footer-more-trigger sn-simple-logo most-footer mgzxzs_qpdm" style="z-index:1;1920px;height:650px;padding:0;left:50%;top:auto;border:0px solid red;background:none;"> 
          <div class="TWidgst15114taigyer footer-more-trigger sn-simple-logo most-footer" style="1920px;height:650px;padding:0;left:-50%;top:0px;border:0px solid red;background:none;overflow:visible;"> 
           <div style="1920px;margin:0 auto;">
            <div class="crazydc" style="height:650px;990px;">
             <div class="freeze-layer footer-more-trigger footer-more most-footer sn-simple-logo" style="background:none;cursor:auto;display:block;1920px;height:650px;padding:0px;border:none;display:block;top:0px;left:0;z-index:5;overflow:hidden;">
              <marquee behavior="scroll" scrollamount="4" style="height:100%;100%;"> 
               <div style="height:650px;999999px;position:relative;left:-1920px;">
                <div style="background:url(https://gdp.alicdn.com/imgextra/i1/1705000231/TB2AFZYXBPzQeBjSZFLXXa3cXXa_!!1705000231.jpg) scroll center top;9999999px;height:999999px;">
                  
                </div>
               </div> 
              </marquee><!--这个标签语法-->
             </div>
             <a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-4400794621.23.cfigCt&id=35715801971&rn=54a1afae6558a318d7eebb7ea8fd4e1c&abbucket=9&sku_properties=20661:29445&scene=taobao_shop" target="_blank">
              <div class="freeze-layer footer-more-trigger footer-more most-footer sn-simple-logo" style="background:none;cursor:auto;display:block;1920px;height:650px;padding:0px;border:none;display:block;top:0px;left:0;z-index:15;overflow:hidden;background:url(//gdp.alicdn.com/imgextra/i3/1705000231/TB2_WTSajnyQeBjy1zcXXXKyXXa_!!1705000231.png) top center no-repeat;">
                
    		   
              </div></a>
            </div>
           </div>
          </div> 
         </div> 
        </div> </span> 
      </div>
     </body>
    </html>
    
  • 相关阅读:
    Dockerfile指令学习 (转)
    手机触屏滑动图片切换插件swiper.js
    基于jquery网站左侧下拉菜单
    支持移动触摸设备的简洁js幻灯片插件
    基于jquery仿天猫分类导航banner切换
    基于jQuery图像碎片切换效果插件FragmentFly
    基于jQuery在线问卷答题系统代码
    基于CSS3自定义发光radiobox单选框
    基于jQuery左右滑动切换图片代码
    基于CSS3和jQuery实现的3D相册
  • 原文地址:https://www.cnblogs.com/aqxss/p/6937809.html
Copyright © 2020-2023  润新知