社区
CSS
帖子详情
求鼠标点击图片时,图片能放大,放大到一定程度又有缩小?
clever_newlearning
2008-11-06 11:01:32
鼠标点击图片时,图片能放大,放大到一定程度又有缩小,鼠标点击能放大图片,又能缩小图片,不然图片放大了就不能缩小了,好像那个图片浏览的放大镜一样,因为是触摸屏没有鼠标,只能是用手点,能不能实现这种效果,求助!
...全文
570
6
打赏
收藏
求鼠标点击图片时,图片能放大,放大到一定程度又有缩小?
鼠标点击图片时,图片能放大,放大到一定程度又有缩小,鼠标点击能放大图片,又能缩小图片,不然图片放大了就不能缩小了,好像那个图片浏览的放大镜一样,因为是触摸屏没有鼠标,只能是用手点,能不能实现这种效果,求助!
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
clever_newlearning
2008-11-06
打赏
举报
回复
用鼠标滚轮能实现图片放大的效果,能不能鼠标点击图片时,图片能放大
clever_newlearning
2008-11-06
打赏
举报
回复
是要用JS实现,有没列子.
mute_solo
2008-11-06
打赏
举报
回复
给你一个实例,纯css实现,你看看行不行?
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
allen0228
2008-11-06
打赏
举报
回复
可以 js 通过鼠标触发事件 还有简单的隐藏显示--->style.display=....
gaocctv
2008-11-06
打赏
举报
回复
只能由JS来实现了
clever_newlearning
2008-11-06
打赏
举报
回复
像用鼠标滚轮能实现图片慢慢放大的效果,能不能鼠标点击图片时,图片放大一点,在点击时,图片再放大
通过设置CSS属性来实现
鼠标
悬浮
放大
或
缩小
区域
HTML+CSS设置
鼠标
悬浮区域
放大
1.功能介绍代码分析 1.功能介绍 通常我们在做前端网页
时
,当
鼠标
悬浮在一张
图片
或者一个DIV上
时
,想增添一些东湖效果,比如
放大
等。不废话直接上代码。 CSS代码 代码片. .serviceThree{ float: left; width: 287px; height: 351px; background: url(../img/serviceOne....
使用svg标签 解决实现
图片
的
放大
,
缩小
,和拖拽效果的问题。
viewBox的前两个属性是截图框的位置,而后面的两个属性是”截图框“的大小。只要后面监听
鼠标
的滚动事件,向上就是把viewBox的后两个属性变小就会实现
放大
效果,线下就是把viewBox的后两个属性变大。拖拽的实现只需要改变我们的viewBox前两个属性就可以了,viewBox的第一个属性是svg框的距离
图片
左上角的x,第二个是y。A点到
放大
后的
图片
的最左边的距离就是我们viewBox中的第一个属性x ,距离最上边那就是第二个属性y。1.首先我们要实现
放大
,
缩小
,和拖拽的前提是把
图片
利用svg显示。
html
图片
自动在div里
放大
,HTML5+CSS3实现
图片
的
放大
/
缩小
原标题:HTML5+CSS3实现
图片
的
放大
/
缩小
最近做项目
时
,经常遇到需要
图片
缓慢
放大
的效果。我做的
时
候想到了几种方法,所以来总结一下。1、 利用css改变
图片
的宽高,做出视觉上的
放大
。首先,将
图片
写入html页面中,给定宽高。 箭头所指向的就是我们需要变化的
图片
。我们需要给定
图片
父级盒子的宽高,如上图。Tips:transition用于设置四个过渡属性。这四个属性分别为: 这个属性要设置在做动...
【项目经验】——gridview中
图片
放大
浏览
在开发软件过程中,一向秉承着为人民服务的宗旨。最近项目中需要在GridView中存放和显示
图片
,但是由于
图片
缩小
程度
比较大,相对比较模糊,不便于用户进行查看。于是,做了一项功能——
鼠标
位于
图片
上方
时
,
图片
放大
显示。 1、GridView绑定
图片
的代码 ' src="../../Common/ShowFile.ashx?smatlpicpath=filePat
JS实例(三)
图片
的缓慢
放大
和
缩小
我们经常能看到在一些网站中可以通过按钮实现对
图片
的
放大
或者
缩小
,也有可能是
鼠标
经过
时
图片
放大
。在本例中就是通过JavaScript实现
图片
的
放大
和
缩小
。 首先是进行简单的页面布局 1 <div class="imagedispose"> 2 <img src="1.jpeg" id="imaged" width="400px" height="3...
CSS
61,117
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章