JS CSS网页技术问题 当鼠标放到图片上时,会变成另一个图片,求代码或详细制作过程谢谢 分不是问题 20
JSCSS网页技术问题当鼠标放到图片上时,会变成另一个图片,求代码或详细制作过程谢谢,最好能教教我谢谢,淘宝店装修用,分不是问题...
JS CSS网页技术问题 当鼠标放到图片上时,会变成另一个图片,求代码或详细制作过程谢谢,最好能教教我谢谢,淘宝店装修用,分不是问题
展开
2个回答
展开全部
Sorry,普通的铺子木有权限,是没法使用JS或者这种CSS的。
只有2个办法
1、购买装修市场的模版
2、在装修市场申请设计师权限
[JS变换图片的图片代码]
当鼠标没有指在上面时,显示的是图片1,当鼠标滑过时,会自动变成图片2。
<img src="images/img1.jpg" onmouseover="this.src='images/img2.jpg'" onmouseout="this.src='images/img1.jpg'" />
但是这个代码在淘宝拓展店铺 实现不了。
[CSS]
鼠标不放时显示1.jpg,鼠标滑过显示2.jpg,纯CSS实现是这样的:
<style>
#ChangeImg { width:200px; height:200px; background:url(images/img1.jpg); }
#ChangeImg a:hover span { display:none; }
</style>
<div id="ChangeImg">
<a href="#"><span><img src="images/img2.jpg"></span></a>
</div>
只有2个办法
1、购买装修市场的模版
2、在装修市场申请设计师权限
[JS变换图片的图片代码]
当鼠标没有指在上面时,显示的是图片1,当鼠标滑过时,会自动变成图片2。
<img src="images/img1.jpg" onmouseover="this.src='images/img2.jpg'" onmouseout="this.src='images/img1.jpg'" />
但是这个代码在淘宝拓展店铺 实现不了。
[CSS]
鼠标不放时显示1.jpg,鼠标滑过显示2.jpg,纯CSS实现是这样的:
<style>
#ChangeImg { width:200px; height:200px; background:url(images/img1.jpg); }
#ChangeImg a:hover span { display:none; }
</style>
<div id="ChangeImg">
<a href="#"><span><img src="images/img2.jpg"></span></a>
</div>
展开全部
淘宝店装修可以用自己写的JS吗?
如果可以的话:
HTML:
<div>
<img id="image" onmouseover="change()" src="图片/86f95d45jw1dvj6v4sg2jj.jpg" />
</div>
JS:
<script type="text/javascript">
function change(){
var image = document.getElementById('image');
image.src="图片/banner_weibo_1.jpg";
}
</script>
最主要的是使用document.getElementById()。
如果可以的话:
HTML:
<div>
<img id="image" onmouseover="change()" src="图片/86f95d45jw1dvj6v4sg2jj.jpg" />
</div>
JS:
<script type="text/javascript">
function change(){
var image = document.getElementById('image');
image.src="图片/banner_weibo_1.jpg";
}
</script>
最主要的是使用document.getElementById()。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询