jQuery+css3实现文字跟随鼠标的上下抖动

css3过渡属性结合jq，如果直接复制代码运行，需要加载一个jquery文件

*{ margin:0; padding:0;}
a{ text-decoration:none;}
img{ border:none;}
ul{ list-style:none;}
body{ color:#222121; font-size:12px; font-family:"宋体"; background-color:#fefefe}
.clearfix:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.clearfix{ zoom:1;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.demo{ margin:0 50px;}
.hover-list{ line-height:40px; width:500px;}
.hover-list li{ height:40px; border-bottom:1px solid #969; position:relative;}
.hover-list li a span{ width:12px; height:40px;cursor:pointer;transition:all .1s cubic-bezier(.06,1.15,1,1.4) 0s;}
.hover-list li a{ color:#39F; cursor:pointer;}



      
    

      
我们内地，大红撒谎道夫们内地道夫们内地
      
方法我阿道道夫们内地夫们内大红撒谎道夫们内地道夫们内地地，大红撒谎
      
是我们内地，道夫们内地大红撒谎
      
大红撒方法我阿道道夫们内地夫们内大红撒谎道夫们内地道夫们内地地谎
      
我们内地，大红撒谎道夫们内地道夫们内地
      
方法我阿道道夫们内地夫们内大红撒谎道夫们内地道夫们内地地，大红撒谎
      
是我们内地，道夫们内地大红撒谎
    
  

以上所述就是本文的全部内容了，希望大家能够喜欢。