这种鼠标经过更换的网页特效图片怎么弄？高手教教小弟~满意50分！！
这种鼠标经过更换的图片怎么弄？我不懂的是这个更换的两个图本来就是一张图，鼠标经过时更换，这个怎么实现的？这个网址上看到的。。。http://act.vip.com/554...
这种鼠标经过更换的图片怎么弄？我不懂的是 这个更换的两个图本来就是一张图，鼠标经过时更换， 这个怎么实现的？
这个网址上看到的。。。
http://act.vip.com/5543.html 展开
这个网址上看到的。。。
http://act.vip.com/5543.html 展开
1个回答
展开全部
用background-position就可以了。
background-position属性，它有两个参数，分别是水平方向移动的像素、竖直方向移动的像素.只要找到小图相对于大图左上角顶点的水平移动像素、竖直移动像素就可以了。。。网上有现成直接生成。也可以在ps，拉一下就看到是多少了。
比如你的样式：
<style>
.test{width:250px;height:50px;background:url(xxx.jpg);background-position:0 -50px;}
.test:hover{background-position:0 -100px;}}
<li class="test"></li>
你搜索：css sprite可以找到相关资料。
background-position属性，它有两个参数，分别是水平方向移动的像素、竖直方向移动的像素.只要找到小图相对于大图左上角顶点的水平移动像素、竖直移动像素就可以了。。。网上有现成直接生成。也可以在ps，拉一下就看到是多少了。
比如你的样式：
<style>
.test{width:250px;height:50px;background:url(xxx.jpg);background-position:0 -50px;}
.test:hover{background-position:0 -100px;}}
<li class="test"></li>
你搜索：css sprite可以找到相关资料。
追问
大哥，非常感谢你，能加下我QQ吗？417972057 ， 我是PS设计师，不太会网页设计，如果可以 给小弟做一个演示 HTML页吗？ 如果你需要PS设计的就找我，免费给你设计，
追答
说到这样，，，你还不明白，就真心没法帮你了，，，
你搜索一个bg2css的东西，把你的图拖进去，，你就框出每个小图的位置，会自动生成代码。
把这些代码复制到你的样式里，然后变换图就用我上面写的
:hover就是鼠标移上去
不好意思，，，ps，，，我相信，，我用不到你帮我，，因为我也是名pser
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
