当前位置:首页 > 建站教程 > 正文内容

css鼠标经过图片放大代码(css鼠标移动到图片上 图片放大显示)

建站教程8个月前 (11-13)79

整个菜单6张图片,当hover状态也就是鼠标经过的时候,当前图片放大,可以遮住后面的图片,看到这里,就有了一点想法,整个过程全部由CSS来控制,先来看看页面的代码 插入代码 Image 1 Image 2 Image 3。

css鼠标经过图片放大代码(css鼠标移动到图片上 图片放大显示)

jquery #39a img#39hoverfunction thiscss height120px,width120px hover时增大 ,function thiscss height100px,width100px 离开时减小。

分别写一个onmouseover和onmouseout事件然后在事件里面加一个function,分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下 var img = documentgetElementById#39img#39function bigger = #39400px#39 = #39400px#39 function smaller。

lt!DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot Untitled Page li a img width20pxheight20px li a imghover width40px height40px。

1假设图片外层DIV的class为pic,图片的大小是400*300,html代码可以写成下面这样 2如果希望鼠标经过时图片的尺寸变成600*450,那么在css里面只要这样定义就行了picimghoverwidth600pxheight450px 3这个代码在ie6下会不生效,因为ie6不支持除A标签外的其他元素的hover伪类如果要在i。

用CSS3中的transfromscalex,y来放大,如下 margin0padding0 divbordersolid 1px #333width40pxheight40px div imgwidth40pxheight40pxtransitionall 03s div imghovertransfromscale2,2从中心放大两部。

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://www.xswglasses.com/post/70044.html

“css鼠标经过图片放大代码(css鼠标移动到图片上 图片放大显示)” 的相关文章

装修合同报价清单(装修合同报价清单应该由谁提供)

装修合同报价清单(装修合同报价清单应该由谁提供)

今天给各位分享装修合同报价清单的知识,其中也会对装修合同报价清单应该由谁提供进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、家庭装修预算清单一般包括哪些内容...

医学生毕业求职简历(应届毕业医学生求职简历)

医学生毕业求职简历(应届毕业医学生求职简历)

今天给各位分享医学生毕业求职简历的知识,其中也会对应届毕业医学生求职简历进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、临床医学专业优秀个人简历范文 2、...

辽宁人才招聘网官网公示(辽宁省人才网招聘)

辽宁人才招聘网官网公示(辽宁省人才网招聘)

本篇文章给大家谈谈辽宁人才招聘网官网公示,以及辽宁省人才网招聘对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、招聘辽宁什么招聘网站好用? 2、沈阳有几个人才市场 分别在...

求职简历个人信息(求职简历个人信息撰写的原则有哪些)

求职简历个人信息(求职简历个人信息撰写的原则有哪些)

本篇文章给大家谈谈求职简历个人信息,以及求职简历个人信息撰写的原则有哪些对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、个人简历的内容主要包含哪些? 2、一份完整的个人...

为学校写广告宣传语(为学校写一句广告语)

为学校写广告宣传语(为学校写一句广告语)

今天给各位分享为学校写广告宣传语的知识,其中也会对为学校写一句广告语进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、学校招生创意宣传语 2、学校广告标语大...

41平米小户型全包装修效果图(42平米小户型装修)

41平米小户型全包装修效果图(42平米小户型装修)

本篇文章给大家谈谈41平米小户型全包装修效果图,以及42平米小户型装修对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、果冻橙12面和10面啥意思 2、5羟甲基糠醛在碱性...