1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > js实现图片显示局部 鼠标经过显示全部的效果_图象特效

js实现图片显示局部 鼠标经过显示全部的效果_图象特效

时间:2021-07-13 08:27:08

相关推荐

js实现图片显示局部 鼠标经过显示全部的效果_图象特效

web前端|js教程

js,图片显示

web前端-js教程

这个是例如了CSS的margin负值和相对定位做的一个图片放大的效果。图片开始只是局部的,鼠标放上去显示整个图片。

h5 app源码,ubuntu方块乱码,tomcat8端口被占,爬虫抓股票,php学校网站源码大全,景德镇运营seo多少钱lzw

无标题文档

校友会源码,vscode 插件离线备份,ubuntu拒绝ssh,tomcat下日志删了,pixivic爬虫,Php 正则 输出,全网营销系统seo教程,微网站 报名系统源码,装修企业网站模板免费下载lzw

body{ font-size:12px; } ul,li,ol{ margin:0; padding:0; list-style:none; } .box{ margin:100px; clear:both; border:1px solid #000; } .box ul li{ list-style:none; float:left; width:60px; height:60px; margin-left:10px; text-align:center; border:1px solid #ccc; } .box ul li a{ display:block; background:#f2f2f2; width:60px; height:60px; overflow:hidden; } .box a img{ margin:-25px 0px 0px -25px; border:0; } .box a:hover{ width:105px; height:140px; border:4px solid #f2f2f2; margin:-40px -50px -80px -50px; padding:1px; position:relative; }/* 设置相对定位后才能盖住后面的层 */ .box a:hover img{ margin:0; border:0; } .clear{clear:both;overflow:hidden;height:0;}

开发一个社交网站源码,如何获取ubuntu源码,爬虫市场调研,php载入excel,seo矩阵优势lzw

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。