社区
CSS
帖子详情
求鼠标点击图片时,图片能放大,放大到一定程度又有缩小?
clever_newlearning
2008-11-06 11:01:32
鼠标点击图片时,图片能放大,放大到一定程度又有缩小,鼠标点击能放大图片,又能缩小图片,不然图片放大了就不能缩小了,好像那个图片浏览的放大镜一样,因为是触摸屏没有鼠标,只能是用手点,能不能实现这种效果,求助!
...全文
544
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
打赏
举报
回复
像用鼠标滚轮能实现图片慢慢放大的效果,能不能鼠标点击图片时,图片放大一点,在点击时,图片再放大
html
鼠标
移动
时
图片
放大
缩小
,JS与CSS3实现
图片
响应
鼠标
移动
放大
效果示例
本文实例讲述了JS与CSS3实现
图片
响应
鼠标
移动
放大
效果。分享给大家供大家参考,具体如下:今天看网易的网站上,当我把
鼠标
放上去的
时
候发现
图片
放大
,移开
图片
缩小
,于是自行尝试,结果如下。方法一:使用js和css3效果如图:这样的实现非常简单,就是利用js的mouseover和 mouseout事件,但是不知道如何使
图片
从中间
放大
,日后再行尝试吧,代码如下:网易
图片
动画div.img {width: ...
js实现
图片
的
放大
缩小
(
鼠标
长按拖拽、
鼠标
滚轮控制
放大
缩小
)
背景与效果图 1.背景如下(功能图): 2.效果图如下: 拖拽后的效果 缩放的效果
放大
的效果 一、功能:支持
鼠标
长按拖拽 1.
鼠标
事件: 2.拖拽功能流程 3.拖拽部分代码如下 二、功能:滚轮控制
图片
放大
缩小
1.
鼠标
事件(推荐使用onwheel;mousewheel存在安全隐患) 2.功能流程: 3.具体代码如下: 三、案例功能的完整代码如下: 四、总结(
一定
要看,功能是有坑的)
layui实现预览
图片
并可以滚动
鼠标
放大
缩小
图片
首先通过绑定
点击
事件来打开
图片
预览。当
点击
事件触发
时
,获取被
点击
图片
的链接和标题。事件,根据
鼠标
滚动的方向来计算
图片
的缩放比例,进而调整
图片
的宽度、高度和位置。方法中,通过传入一个包含
图片
信息的对象来配置预览的
图片
,其中包括
图片
标题和链接。回调函数中,实现了以
鼠标
位置为中心的滚动
放大
缩小
功能。参数用于指定
图片
预览的动画效果。来获取相应的元素并进行样式调整。方法来打开
图片
预览。
如何使用CSS和JS实现
鼠标
移动到
图片
上的
时
候实现
图片
的
放大
和
缩小
效果。
替换为您实际的
图片
路径,以及根据需要调整
放大
倍数和过渡效果的
时
间。这样,当
鼠标
移动到
图片
上方
时
,
图片
就会
放大
显示。您可以使用CSS和JavaScript结合实现当
鼠标
移动到
图片
上方
时
,让
图片
放大
的效果。的样式,确保
图片
放大
后不会溢出容器。然后对
图片
设置了过渡效果。将
图片
放大
1.2倍(实现
缩小
可将数值定在(0,1)内)。在上面的示例中,我们首先创建了一个包含
图片
的。,当
鼠标
悬停在容器上
时
(即。
Jquery
鼠标
滚轮
放大
缩小
图片
使用Jquery
鼠标
点击
图片
,划动
鼠标
滚轮
放大
缩小
图片
。
鼠标
滚轮
放大
图片
img{ border:2px solid #000000; margin:10px; } body{ font-family:Verda
CSS
61,125
社区成员
60,706
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章