黑马程序员技术交流社区

标题: 浮出div问题 [打印本页]

作者: 马晓凤    时间: 2013-7-18 12:06
标题: 浮出div问题
本帖最后由 马晓凤 于 2013-7-26 08:36 编辑

有一张小的图片,鼠标移动上去显示一张大的图片(大图片要浮动出来),移出后,这张浮出的大图消失,该如何实现这个功能啊
作者: 赵宗荣    时间: 2013-7-18 12:53
JQuery实现
作者: 高文咪    时间: 2013-7-18 17:20
你可以给图片加一个onfocus()方法和一个onblur()方法,里面的具体实现代码自己网上找找,应该很多的~~~
作者: 高文咪    时间: 2013-7-18 17:34
下面的压缩文件里是运用jquery实现的效果,你可以看一下,看能否帮到你!

imgviewer_enlarge.rar

839.83 KB, 下载次数: 25


作者: 马晓凤    时间: 2013-7-19 12:40
赵宗荣 发表于 2013-7-18 12:53
JQuery实现

我用jquery做了,但老觉的不怎么满意,我想要的是这种

QQ截图20130719123808.jpg (123.45 KB, 下载次数: 0)

QQ截图20130719123808.jpg

作者: 马晓凤    时间: 2013-7-19 12:52
马晓凤 发表于 2013-7-19 12:40
我用jquery做了,但老觉的不怎么满意,我想要的是这种

鼠标点击一下就浮出个大图。我用jquery-ui开发包做了个,显示出来后右上角的关闭的叉号由于颜色问题根本就看不出来,我调了好一会样式也没调出来

222.jpg (68.38 KB, 下载次数: 0)

222.jpg





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2