鼠标滑过左侧文字项目，右侧显示对应的图片，JS代码实现，哪位能给出更好的代码解决图片淡入淡出的问题？

最新推荐文章于 2022-12-31 23:36:53 发布

ate0168

最新推荐文章于 2022-12-31 23:36:53 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/ate0168/article/details/104544033

版权

这是一个片段，一个div盒子里面的并排的浮动的两个子div里，鼠标滑过左边的div中的文字项目，右边会显示对应的图片，代码如下：

html和JS部分：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="004.css" rel="stylesheet" type="text/css"/> 
<script>
function a1(){
   document.getElementById("img1").style.cssText="display:inline-block;";}
function b1(){
   document.getElementById("img1").style.cssText="display:none;";}
	
function a2(){
   document.getElementById("img2").style.display="inline-block";}
function b2(){