2 huangna sky HuangNa_Sky 于 2014.11.19 14:15 提问

PHP中怎样实现当鼠标放在图片上时,图片放大的效果
php

我没有开发PHP的经验,现在遇到一个用PHP开发的网站,要求我把网站首页的图片效果修改成当鼠标经过时,图片放大的效果

10个回答

showbo
showbo   Ds   Rxr 2014.11.19 14:27

js控制,不是php。。~其实js都不用,css控制就行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
div.img{position:relative;float:left} div.img:hover img.big{display:block;left:0px;top:0px} div.img img.big{position:absolute;display:none;width:300px;height:300px}
chinmo
chinmo   Rxr 2014.11.19 17:35

这个跟PHP毛关系都没有,这是一个客户端的特效,可以使用JS实现,或者你直接网上找JQ的这个图片放到特效,改下就可以了

chinmo
chinmo   Rxr 2014.11.19 17:36

这个跟PHP毛关系都没有,这是一个客户端的特效,可以使用JS实现,或者你直接网上找JQ的这个图片放到特效,改下就可以了

chinmo
chinmo   Rxr 2014.11.19 17:39

这个跟PHP毛关系都没有,这是一个客户端的特效,可以使用JS实现,或者你直接网上找JQ的这个图片放到特效,改下就可以了

chinmo
chinmo   Rxr 2014.11.19 17:40

这个跟PHP毛关系都没有,这是一个客户端的特效,可以使用JS实现,或者你直接网上找JQ的这个图片放到特效,改下就可以了

chinmo
chinmo   Rxr 2014.11.19 17:43

这个跟PHP毛关系都没有,这是一个客户端的特效,可以使用JS实现,或者你直接网上找JQ的这个图片放到特效,改下就可以了

chinmo
chinmo   Rxr 2014.11.19 17:45

这个跟PHP毛关系都没有,这是一个客户端的特效,可以使用JS实现,或者你直接网上找JQ的这个图片放到特效,改下就可以了

showbo
showbo   Ds   Rxr 2014.11.19 14:27

js控制,不是php。。~其实js都不用,css控制就行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
div.img{position:relative;float:left} div.img:hover img.big{display:block;left:0px;top:0px} div.img img.big{position:absolute;display:none;width:300px;height:300px}
xuzuning
xuzuning   Ds   Rxr 2014.11.19 14:27

这个效果不是由 php 完成的
一般是在浏览器中用 js 来实现

showbo
showbo   Ds   Rxr 2014.11.19 14:33

晕。。。代码显示都变样了。。截图看吧楼主。。
alt text

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
FLEX实现鼠标滑过图片放大效果。
实现WIN7效果的FLEX当鼠标滑过到每个图片时图片放大。非常不错的效果!
鼠标移到图片上慢慢放大图片的js
鼠标移到图片上慢慢放大图片的js代码,类似百度图片那种,可以设置放大的倍数,基于原位置向四周放大,很炫的额。欢迎下载
jquery制作鼠标悬停图片放大镜特效(仿淘宝图片展示)
jquery制作鼠标悬停图片放大镜特效(仿淘宝图片展示) 里面有两个例子,个人感觉第二个可能用起来方便点
HTML5实现骨牌鼠标滑过图片呈现3D的效果
HTML5 3D骨牌图片特效是一款很特别的HTML5 3D图片特效,当鼠标滑过图片时,平面的图片即会呈现3D的效果。
淘宝图片放大镜效果
类似淘宝图片放大效果。 当鼠标移动到图片上,图片右边弹出放大框框,显示鼠标选中部分的细节图片
HTML css图片放大效果
HTML css图片放大效果,鼠标放在图片上后图片放大,离开后缩小
放大显示图片-类似淘宝鼠标放到商品小图上右侧放大显示图片
类似于淘宝网查看商品大图的功能,鼠标放到商品的小图片上,右侧对应显示放大的图片。鼠标移动,显示的大图也对应移动,显示鼠标放置的区域。
Android仿美团团购详情页下拉图片放大效果demo,简单可直接用在项目中
Android仿美团团购详情页下拉图片放大效果demo,简单可直接用在项目中
CSS3实现 鼠标移上图片 放大遮罩效果
例子比较简单,主要实现:鼠标滑过图片,图片实现渐大效果,个人感觉比较酷炫一些。用户可以根据自己的喜好,修改图片背景等在以后的开发中灵活运用这一特性。另外代码中附有一些注释,还可以帮助一些初学者理解其中语句的一些含义。
图片放大镜效果
图片放大镜效果,可以把鼠标放在图片上滑动鼠标齿轮就可以将图片放大相应的倍数,效果很绚丽。