css控制图片的大小,比如鼠标移动到图片上时,显示上半部分,否则显示下半部分。谢啦!急啊

 我来答
Walkmanvon
2012-12-26 · TA获得超过774个赞
知道小有建树答主
回答量:533
采纳率:0%
帮助的人:468万
展开全部
可以实现。假设你的图片大小为100x100px
HTML为:
<div class="imgbox"><img src="你的图片路径" /></div>
CSS为:
.imgbox { height:50px;/*图片大小的一半*/ width:100px; position:relative; overflow:hidden;}
.imgbox img { width:100px; height:100px; position:absolute; top:-50px; }
.imgbox:hover img { top:0px; }
以上代码在CHROME等现代浏览器里测试通过

但是IE6/7对hover伪类的支持是有问题的,一种是百度IE6的hover处理方法,另外一种更简便的就是用js和jquery了,CSS中的.imgbox:hover img { top:0px; }改为
.imgbox img.alt { top:0px; }

脚本编写.imgbox产生onMouseOver事件时,给里面的img加上class="alt"属性;onMouseOut事件时删除之

你会写jquery的话直接用animate变化top值就可以产生图片上下滑动的效果
椰岛农事
2012-12-26 · TA获得超过6514个赞
知道大有可为答主
回答量:1255
采纳率:62%
帮助的人:932万
展开全部
你说用CSS,倒是有一种很笨的方法,把一张图片切片成两部分,然后用HTML+CSS拼接起来,上面那部分做一个,用hover,下面那部分做一个,,也用hover,你说用CSS来做,也就只有这种方法了!

不然的话最好用JS或者JQUERY
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
乌微月2S
2012-12-26 · TA获得超过5037个赞
知道大有可为答主
回答量:5361
采纳率:42%
帮助的人:2891万
展开全部
这个一般用js控制啊,用css怎么控制啊,hover?这个也不行啊。
用js处理吧,js行吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友48d5dc9
2012-12-26 · TA获得超过448个赞
知道小有建树答主
回答量:476
采纳率:0%
帮助的人:204万
展开全部
这怎么能用css控制呢,用jQuery啊亲
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式