如何显示图像的一半或裁剪图像'他自己的尺寸
How to show image at half or crop it's own size?
我试过很多次,但都没有成功。。
在img src上,我只想显示一半的图像,当我将鼠标悬停在该图像上时,它会显示完整的图像。。。是否可能
有一个名为clip
的属性
看看这个小提琴
是。您可以在图像周围使用带有overflow:hidden;
的div。更改div的大小,而不是图像的大小。
jQuery示例:http://jsfiddle.net/5GWCz/
或仅限CSS:http://jsfiddle.net/5GWCz/2/
您可以使用CSS图像精灵因为这样做在这个链接中查找
http://www.w3schools.com/css/css_image_sprites.asp
相关文章:
- NodeJS:一个全局EventEmitter或每个模块它'他自己的
- 如何在Facebook上分享我自己的网站与网站上的图像
- 铯:使用自己的OpenStreetMap服务器.:“无法获取图像磁贴”错误
- 可以用我自己的自定义图像替换光标
- 动态加载的缩略图显示其他缩略图的全尺寸图像,而不是自己的缩略图(使用javascript悬停效果)
- "“照片擦除”;画廊关闭自己的图像点击在小图像的情况下
- 生成您自己的captcha与生成图像
- 如何使用我自己的所见即所得编辑器插入图像
- 在包含信息的图像自己的页面中打开图像
- 在其自己的图像之后显示 Alt 属性
- 如何使我的脚本只影响它在jquery中自己的图像
- 为每个评论分别按自己的 id 预览图像
- 跨源 - 带有来自自己域的图像的黑色纹理
- 在画布中按自己的中心旋转图像
- 如何显示图像的一半或裁剪图像'他自己的尺寸
- 如何从他自己的js文件中找到脚本路径
- 如何使用'集合'当属性类型具有'集合'其中'他自己的
- 如何使图像停留在它自己的位置,鼠标在上面
- 每个用户在iBrowser中拥有自己的TinyMCE图像文件夹
- 如何从其他人那里提取标题,图像'在自己的网站上发表博客文章