我想問，我的這個怎么實現遍歷小圖標的鼠標移上一個個’圖文切換’？<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>練習</title>? ? <style>/* ?右浮動小圖標 ?*/body{background-color: #6B6B6B;}.elevator {position: fixed; top: 200px; z-index: 999; right: 0;background-color: #fff;}.elevator a {display: block; margin: 0 15px; width: 28px; font-size: 12px; border-bottom: 1px solid #EDF1F2;? ? ? ? ? ? ?padding: 15px 0; color: #f01414;}.elevator a span {display: none;}? ? </style></head><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src="jquery-validation-1.15.0/dist/jquery.validate.js"></script><script>$(document).ready(function() {? ? right_img();});? ? function right_img() {? ? var ?a=$(".elevator a");? ? ? ? a.each(function() {? ? ? ? ? ? $(this).hover(function() {? ? ? ? ? ? ? ? ? ? $("img").hide();? ? ? ? ? ? ? ? ? ? $("span").show();? ? ? ? ? ? ? ? }, function() {? ? ? ? ? ? ? ? ? ? $("span").hide();? ? ? ? ? ? ? ? ? ? $("img").show();? ? ? ? ? ? ? ? });?? ? ? ? });}</script><body><div>? ? <a href=""><img src="images/objection.png"><span>意見反饋</span></a>? ? <a href=""><img src="images/FAQ.png"><span>常見問題</span></a>? ? <a href=""><img src="images/APP.png"><span>APP下載</span></a>? ? <a href=""><img src="images/public_number.png"><span>官方微信</span></a>? ? <a href=""><img src="images/stick-5.png"><span>返回頂部</span></a></div></body></html>
- 3 回答
- 0 關注
- 1867 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消