您现在的位置是:首页 > 技术交流技术交流
鼠标移到图片上图片放大缩小效果
2021-09-10【技术交流】1335 人已围观
简介 鼠标移到图片上图片放大缩小效果我们很常见,可以提升一下用户的使用体验。 这个靠jquery可以实现,但是使用css也可以...
鼠标移到图片上图片放大缩小效果我们很常见,可以提升一下用户的使用体验。 这个靠jquery可以实现,但是使用css也可以实现。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 200px; height: 138px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } #div1 img{ cursor: pointer; transition: all 0.6s; } #div1 img:hover{ transform: scale(1.4); } </style> </head> <body> <div id="div1"> <img src="demo.jpg" /> </div> </body> </html>
关键技术点,图片的外层div超出部分隐藏。
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
上一篇:网站字体引用google字体
下一篇:祝新老客户2021国庆快乐
相关文章
随机图文
-
linux显示当前版本
有时接手维护一下linux服务器,我们第一步需要确定当前版本,以下命令可以尝试 先以root登陆1、# uname -a (Linux查看... -
Ueditor开启代码高亮设置
ueditor在网站后台常用的富文本编辑器。html代码在后台编辑器内输入文本框后前台想要完整的展现出来一真是个问题。百度ueditor... -
jquery配合css修改表格当前行颜色
在一个数据列表页面上显示多行数据后,如果背景颜色统一,会让浏览的人很难分清当前察看的某行,鼠标移上去变色是个不错的处理方法.代码如下$(&... -
双击编辑异步更新[Jquery收藏]
现在有看到cms编辑后台部分信息时可以直接双击后修改,功能蛮华丽 以下jquery代码可以实现。 收藏 $(function(){ ...