HTML(DIV+CSS)问题:如何实现鼠标移上一个图片按钮使当前图片换成另外一个?

lee17 2008-04-08 10:40:47
如何实现鼠标移上一个图片按钮使当前图片换成另外一个?
...全文
2401 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
abczxzh 2011-09-09
  • 打赏
  • 举报
回复
DIV+css其实也很强大。。
pengju126 2011-04-17
  • 打赏
  • 举报
回复
学习~~
集多宝 2010-08-31
  • 打赏
  • 举报
回复
deleteall8的

<div class="tit" style="width: 132px;">
<a href="#"> <img src="images/an_1.jpg" onmouseover="this.src='images/an_01.jpg'" onmouseout="this.src='images/an_1.jpg'"/>
</a>
</div>


可以用 非常好
UltraBejing 2008-04-30
  • 打赏
  • 举报
回复
我也想了解,谢谢LZ.
deleteall8 2008-04-08
  • 打赏
  • 举报
回复
<div class="tit" style="width: 132px;"> 
<a href="#"> <img src="images/an_1.jpg" onmouseover="this.src='images/an_01.jpg'" onmouseout="this.src='images/an_1.jpg'"/>
</a>
</div>
hsj454174023 2008-04-08
  • 打赏
  • 举报
回复
<a href="#" onmouseover=this.parentElement.style.backgroundImage="url('an_01.jpg')">
这句是不是要给背景添加图片?
为什么在<a></a>里面又添加了一张图片,这不是把背景图片给覆盖了吗?
而且你的意思,不是太懂,可以说的再具体一些。

oec2003 2008-04-08
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 storm0 的回复:]
用css会更好

当鼠标经过时,只需要改变a的:hover background状态就行
[/Quote]
lee17 2008-04-08
  • 打赏
  • 举报
回复
<div class="tit" style="width: 132px;">
<a href="#"><img src="images/an_1.jpg" onmouseover='this."images/an_01.jpg"' onmouseout='this.src=images/an_1.jpg'/>
</a>
</div>
我用您的方法试了一下,好象还是不行咧:(
飘零雾雨 2008-04-08
  • 打赏
  • 举报
回复
用css会更好

当鼠标经过时,只需要改变a的:hover background状态就行
lee17 2008-04-08
  • 打赏
  • 举报
回复
<div class="tit" style="width: 132px;"><a href="#" onmouseover=this.parentElement.style.backgroundImage="url('an_01.jpg')"><img src="images/an_1.jpg" border="0" /></a></div>
我用这个,可是没有动静,有人帮我看看吗:)
deleteall8 2008-04-08
  • 打赏
  • 举报
回复
<img src=xxx onmouseover='this.src=xxxx' onmouseout='this.src=xxxx'/>
MarkusVIP 2008-04-08
  • 打赏
  • 举报
回复
<img id="img1" src="./img/icon_B.bmp" onmouseover="mouseOver('img1')" onmouseout="mouseOut('img1')">
<script language="JavaScript">
function mouseOver(id){
document.getElementById(id).src="icon_B.bmp";
//或者
//document.all.id.src="icon_B.bmp";
}
function mouseOut(id){
document.getElementById(id).src="icon_A.bmp";
//document.all.id.src="icon_A.bmp";
}
</script>
lee17 2008-04-08
  • 打赏
  • 举报
回复
呵呵,谢谢了,搞定了,非常感谢:)
内容概要:本文系统比较了九种智能优化算法(CGO、SCA、GWO、CSA、SSA、HHO、WOA、PSO、TSO)在优化性能方面的表现,并提供了完整的Matlab代码实现。研究涵盖了各类算法的基本原理、参数设置、收敛特性及在典型测试函数上的优化效果对比,通过仿真实验对各算法的寻优能力、收敛速度和稳定性进行了全面评估。文中不仅展示了算法在求解连续空间优化问题中的应用流程,还深入分析了不同算法在探索与开发能力之间的平衡机制,为科研人员和工程技术人员在面对复杂优化问题时选择合适的算法提供了科学依据和技术支持。; 适合人群:具备一定编程基础,工作1-3年的研发人员,尤其适用于从事智能优化、电力系统调度、新能源控制、自动化等相关领域的研究人员和工程师。; 使用场景及目标:① 掌握多种主流智能优化算法的核心思想与实现方式;② 对比不同算法在相同优化问题下的性能差异,指导实际项目中算法选型;③ 将优化算法应用于综合能源系统调度、路径规划、参数辨识等工程优化场景,提升求解效率与精度。; 阅读建议:此资源以Matlab代码为核心载体,结合理论分析与实验验证,建议读者在学习过程中同步运行并调试代码,深入理解各算法的迭代机制与关键参数的影响,结合具体应用场景进行拓展与改进。
【重要提示】本资源设置为0积分下载,若非0积分请勿轻易下载 亲爱的CSDN用户: 首先感谢你点进这个资源页面。我需要提前说明一个重要情况: 本资源原本已设置为“0积分下载”,即作者希望完全免费共享。但CSDN平台有时会根据文件的下载热度、文件大小、用户权限等因素,自动将部分资源的积分调整为非0数值(如1积分、2积分、5积分等)。这是平台系统的自动行为,而非作者本人的设定。 因此,如果你当前看到该资源的下载所需积分不是0(例如显示为1、2、3……),请谨慎决定是否下载。 如果你按照非0积分支付并下载后发现资源内容不符合预期、链接失效,或者实际上该资源本应是免费的,作者无法为此承担积分损失或退还操作。强烈建议:仅在页面显示为0积分时进行下载。 另外,本资源描述中并未直接提供具体的下载地址或外部链接,因为它本身是一个通过CSDN官方上传通道提交的文件/内容包。如果你看到描述中没有外部网盘地址,这是正常的——资源文件应通过CSDN内置的“下载”按钮获取。若因平台积分显示异常导致你支付了积分,请优先联系CSDN客服咨询积分退还政策,作者没有权限修改平台自动设定的积分值。 感谢你的理解与支持。技术分享本应开放,但受限于平台规则,特此提醒如上。祝学习进步!
内容概要:本研究聚焦于考虑碳交易机制的园区综合能源系统电热协同运行优化问题,旨在通过引入阶梯式碳交易机制,构建电能与热能系统协同调度的优化模型,以实现能源高效利用与碳排放成本最小化的双重目标。研究建立了包含燃气轮机、电锅炉、储能系统等多种能源设备的综合能源系统架构,综合考虑了电、热负荷的动态需求以及设备运行约束,并将碳交易成本作为关键经济变量纳入优化目标函数。通过Matlab编程实现模型求解,采用智能优化算法对系统运行策略进行寻优,有效协调了不同能源设备的出力分配,降低了系统综合运行成本,同时显著减少了碳排放量。研究结果验证了碳交易机制对促进园区绿色低碳运行的有效性,为综合能源系统的经济与环保协同优化提供了科学决策支持。; 适合人群:能源系统优化、电力系统调度、综合能源管理等相关领域的科研人员、工程技术人员及研究生。; 使用场景及目标:①研究碳交易政策下园区级综合能源系统的优化运行策略;②掌握电热协同调度建模方法与Matlab仿真技术;③探索节能减排与经济效益双赢的能源管理方案。; 阅读建议:建议读者结合Matlab代码深入理解模型构建与求解过程,重点关注目标函数设计、约束条件设置及算法参数配置,可尝试修改系统参数或引入新的设备模型以拓展研究深度。

61,123

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧