HTML代码移动鼠标到图片会变化是怎么做的?
2个回答
2013-05-07
展开全部
用hover伪类来做
做好是给图片加以个<a>标签,然后对<a>标签设置hover
例如一个图片<img src='example.jpg' width='100' height='100' alt='举例'>
移上去的图片叫hover.jpg 两个图片大小一样
改写成
<a href='javascript;:' id='example'><a>
再在css中添加
#example{ background:url('example.jpg') no-repeat; display:block; width:100px; height:100px;}
#example:hover{ background:url('hover.jpg') no-repeat; }
做好是给图片加以个<a>标签,然后对<a>标签设置hover
例如一个图片<img src='example.jpg' width='100' height='100' alt='举例'>
移上去的图片叫hover.jpg 两个图片大小一样
改写成
<a href='javascript;:' id='example'><a>
再在css中添加
#example{ background:url('example.jpg') no-repeat; display:block; width:100px; height:100px;}
#example:hover{ background:url('hover.jpg') no-repeat; }
2013-05-07
展开全部
Dreamweaver 本身就有这样的代码,可以直接插入。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询