jquery实现文字单行横移或翻转（上下、左右跳转）

通过jquery的animate实现上下单行自动跳转

 

  .rool-div{
    height:50px;
    width:700px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    border:2px solid red;
  }
  .roll{
    height:50px;
    width:700px;
    margin:0 auto;
  }
  .roll span{
    display:block;
    height:50px;
    width:700px;
    line-height:50px;
  }
  a {
    text-decoration:none;
　　　　　display:inline-block;
 }


 
   1. Lorem Ipsum is simply dummy text of the printing and typesetting industry
   2. It is a long established fact that a reader will be distracted
   3. Many desktop publishing packages
   4. All the Lorem Ipsum generators on the Internet tend to repeat predefined
   5. The standard chunk of Lorem Ipsum used
   6. English versions from the 1914 translation by H. Rackham.
   7. Bu metin deneme amaçlıdır the standard chunk of Lorem Ipsum used
 

二  通过scrollLeft函数实现自动左右移动（谷歌浏览器偶尔不能移动）

#demo {overflow:hidden;width:740px; }
#indemo { float: left; width: 800%;}
#demo1 { float: left; }
#demo2 { float: left;margin-left:7px;}



  
    
      
      
      
      
      
      
    
    
  

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持考高分网！