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

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

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

整个菜单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、中国开征房产税的疑问 2、房产税属于地税吗 3、...

半包装修包括哪些流程(半包装修包括啥)

半包装修包括哪些流程(半包装修包括啥)

本篇文章给大家谈谈半包装修包括哪些流程,以及半包装修包括啥对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、半包装修流程6大点全解析 选择半包的业主须知 2、解析半包装修...

学校有什么设施(学校什么设施平台政策促进了对素养模型的理解)

学校有什么设施(学校什么设施平台政策促进了对素养模型的理解)

本篇文章给大家谈谈学校有什么设施,以及学校什么设施平台政策促进了对素养模型的理解对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、学校用的教学设备都包括什么 2、你知道的...

人才招聘网司机官方s(司机招聘的网站)

人才招聘网司机官方s(司机招聘的网站)

本篇文章给大家谈谈人才招聘网司机官方s,以及司机招聘的网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、中国铁路人才招聘网密码格式 2、中国铁路人才招聘网站企业可以注...

装修预算表明细表要付定金(装修定金付多少)

装修预算表明细表要付定金(装修定金付多少)

本篇文章给大家谈谈装修预算表明细表要付定金,以及装修定金付多少对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、装修定金一般多少钱还有为什么要交装修定金呢 2、装修时,要...

宜昌市人才招聘网(宜昌市人才招聘网站)

宜昌市人才招聘网(宜昌市人才招聘网站)

今天给各位分享宜昌市人才招聘网的知识,其中也会对宜昌市人才招聘网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、宜昌的招聘求职网络有哪些?哪些人才网比较好?...