wlbk.net
当前位置:首页 >> Css鼠标悬停时,换图片 >>

Css鼠标悬停时,换图片

1、新建html文档。 2、准备好需要用到的图标。 3、书写hmtl代码。,成都康定理塘稻城亚丁然后说再见。 4、书写css代码。*{ margin:0; padding:0; list-style:none;}img{ border:0;}body{ background:#000;};#aaaa{ width:460px; height:auto; m...

用js实现,css没办法实现,用hover是不兼容得,因为根本就不是img的伪类

function jiaohuan(){ document.getElementById('im').src="2.jpg"; } function huanyuan(){ document.getElementById('im').src="1.gif"; }

写了个例子: 给img标签加个属性:border="0"后,就不会有边框了 图片的高度和宽度可以不用设定,只是设置了鼠标的两种状态,切换的其实是图片的地址src

.test{display:block;width:100px;height:100px;background:url(xxx.jpg)}.test:hover{background:url(yyy.jpg)}也可以这样做: a容器,,,b图片一,,,c图片二,,bc都定位在A里 a容器 c图片二{display:none;} a容器:hover B图片一{display:...

使用jquery的toggle方法进行图片切换: $(function(){ $("#h1").toggle(function(){ $("#h1").css("background-image","路径('./20110528073501b54e6.jpg')"); },function(){ $("#h1").css("background-image","路径('./2011060708410874041.jpg...

不用那么麻烦,活用a标签就可以了 a.home {background:url(鼠标滑过之前的图片地址) no-repeat; width:100px; height:20px; display:inline-block;_float:left;} a.home:hover {background:url(鼠标滑过的图片地址) no-repeat; 首页 这样就可以...

请问你用的触发事件是onmousemove还是onmouseover,估计是用了onmousemove吧,改成onmouseover就行了

需要准备的材料分别有:电脑、浏览器、html编辑器。 1、首先,打开html编辑器,新建html文件,例如:index.html。 2、在index.html中的标签中,输入css代码: div{height: 80px; background: url(small3.png)}div:hover{background: url(small2....

.div{position:relative; width:800px; margin:auto;}.img{position:absolute; z-index:0;}.img2{left:150px; top:100px;}.img1:hover{z-index:1;}利用hover伪类就可以实现,自己再稍微修改下就可以了,解决请采纳

网站首页 | 网站地图
All rights reserved Powered by www.wlbk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com