您现在的位置是:首页 > 技术交流技术交流
鼠标移到图片上图片放大缩小效果
2021-09-10【技术交流】3007 人已围观
简介 鼠标移到图片上图片放大缩小效果我们很常见,可以提升一下用户的使用体验。 这个靠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国庆快乐
相关文章
随机图文
Dede网站修改模板路径保护网站模板常见方法
有的时候我们是直接复制一个templets\\default文件夹修改掉名字来达到修改模版路径的目的,但是如果自己做的模板,往往很多地方考虑...表单文本框小技巧:禁止自动完成
文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-...JQuery判断radio(单选框)是否选中和获取选中值方法汇总
篇文章主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法汇总,基本全部介绍到了radio的使用情况 ,本文讲解了利用获取...js控制网站onclick背景
更换不同的网站背景可以让用户眼前一新,下面代码可以实现用户点击网页body区域后更换网站背景. vari=1; document....