<!DOCTYPE html><html>? ? <head>? ? ? ? <meta charset="UTF-8">? ? ? ? <title></title>? ? </head>? ? <body>? ? ? ? <style type="text/css">? ? ? ? ? ? *{padding: 0; margin: 0;}? ? ? ? ? ? @-webkit-keyframes slide-market20 {? ? ? ? ? ? ? ? 0% {? ? ? ? ? ? ? ? ? ? background-position: 0 0;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? 100%{? ? ? ? ? ? ? ? ? ? background-position: 0 -4425px;? ? ? ? ? ? ? ? }? ? ? ? ? ? }? ? ? ? ? ? @-webkit-keyframes slide-market21 {? ? ? ? ? ? ? ? 0% {? ? ? ? ? ? ? ? ? ? background-position: 0 -4425px;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? 100%{? ? ? ? ? ? ? ? ? ? background-position: 0 0px;? ? ? ? ? ? ? ? }? ? ? ? ? ? }? ? ? ? ? ? .ali-product-img{? ? ? ? ? ? ? ? /*position: relative;*/? ? ? ? ? ? ? ? height: 75px;? ? ? ? ? ? ? ? width: 75px;? ? ? ? ? ? ? ? background:url(./images/index-skill3.jpg) no-repeat ;? ? ? ? ? ? ? ? margin: 0 auto;? ? ? ? ? ? ? ? background-size: 75px;? ? ? ? ? ? ? ? background-position: 0 0;? ? ? ? ? ? }? ? ? ? ? ? .slide-market20 {? ? ? ? ? ? ? ? animation: slide-market20 2s steps(59,end);? ? ? ? ? ? ? ? ?? ? ? ? ? ? }? ? ? ? ? ? .slide-market21 {? ? ? ? ? ? ? ? animation: slide-market21 2s steps(59,end);? ? ? ? ? ? }? ? ? ? ? ??? ? ? ? </style>? ? ? ? <div class="ali-product-img" ></div>? ? ? ? <script src="js/jquery-1.11.0.min.js"></script>? ? ? ? <script type="text/javascript" language="javascript">?? ? ? ? ? ? $(function? () {? ? ? ? ? ? ? ? $(".ali-product-img").mouseover(function? () {? ? ? ? ? ? ? ? ? ? $(this).removeClass("slide-market21").addClass("slide-market20")? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? $(".ali-product-img").mouseleave(function? () {? ? ? ? ? ? ? ? ? ? $(this).removeClass("slide-market20").addClass("slide-market21")? ? ? ? ? ? ? ? })? ? ? ? ? ? })? ? ? ? </script>?? ? </body></html>在網上搜到的代碼? 動畫結束時會跳到初始狀態 怎么解決啊
1 回答
- 1 回答
- 0 關注
- 795 瀏覽
添加回答
舉報
0/150
提交
取消