Question

淘宝首页用代码做鼠标经过更换图片怎么做

Answer 1

• 一般是调用系统 Popup 组件

• 示例代码：

<!--
·1 此弹出代码默认尺寸为 100x50 像素
·2 可放置各种元素在 “…内容放置区”，例如<table>、<img>……
·3 注意：如果要在同一页面多次放置，需要修改代码内的三个 '.tc_weel_a1' 为其他自定义值 
-->
<!-- 弹出代码 -->
<div style="width:100px; height:50px;float:left; overflow:hidden;">
  <div class="tc_weel_a1" style="width:100px; height:50px; background-color:#C9C9C9;"> 
    <!-- 显示内容放置区 --> 
    
    
    <!-- 显示内容放置区 END --> 
  </div>
  <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.tc_weel_a1', 'align':{'node':'.tc_weel_a1', 'points':['cc','cc'], 'offset':[0,0]}}">
    <div style="width:100px; height:50px; background-color:#767676; cursor:pointer;"> 
      <!-- 弹出内容放置区 --> 
      
      
      <!-- 弹出内容放置区 END --> 
    </div>
  </div>
</div>
<!-- 弹出代码 END -->

• 具体效果可搜索浏览 “盈兆电器专营店” 

• 满意请随手 点赞  (๑•̀ㅂ•́)و✧
  

Answer 2

试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码
求采纳为满意回答。