架构师_程序员_码农网

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

搜索
查看: 153878|回复: 107

[Bootstrap] bootstrap点击文字放大展示图片

  [复制链接]
发表于 2017-6-2 15:04:17 | 显示全部楼层 |阅读模式
img.gif

实现功能:

点击楼层的文字,展示出来户型图,例如:点击1# 显示1栋的户型图,其实和点击图片放大展示一个道理

先上html代码,如下:



图片的展示我们是用“模态框”来展示的,html代码如下:

点击文字,展示图片的js代码如下:

游客,如果您要查看本帖隐藏内容请回复


为了让手机能够正常显示,我们需要设置一下css样式,如下:

如果,不设置上面的css样式,在手机上展示图片会有问题!!!






上一篇:网站已安全运行XXX天XXX小时代码
下一篇:E4A双击返回键退出程序[源码]
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2019-5-22 14:47:14 | 显示全部楼层
学习一下喽        刚来论坛
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2019-4-7 19:59:32 | 显示全部楼层
为了让手机能够正常显示,我们需要设置一下css样式,如下
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2019-3-31 15:33:16 | 显示全部楼层

为了让手机能够正常显示,我们需要设置一下css样式,如下
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-6-3 00:16:10 | 显示全部楼层
楼主什么软件都可以编写呀
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-8-21 16:06:03 | 显示全部楼层
goodgoodgoodgoodgoodgoodgood
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-3 11:07:41 | 显示全部楼层
不错不错不错不错不错
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-3 15:41:43 | 显示全部楼层
学习学习下
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-13 14:13:43 | 显示全部楼层
大神,请教我做图片放大吧!
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-13 16:42:10 | 显示全部楼层
厉害了~~~~
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-13 22:32:20 | 显示全部楼层
不错。。。。。。。。。。
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-17 12:47:58 | 显示全部楼层
看看大神写的东西
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-9-18 08:26:13 | 显示全部楼层

楼主什么软件都可以编写呀
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2025-6-16 07:51

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表