js代码怎么用(这段imgSizer的JS代码如何使用的,请指点)
本文目录
这段imgSizer的JS代码如何使用的,请指点
这段代码是为了让IE5(IE的F12开发者,仿真,文档模式中选择)适应窗口缩小,而图片不会缩小导致出现横向滚动条用的。目前IE5使用者应该是少之又少,并且这种模式图像缩放并不理想,所以不用理解它也罢。只是看了《Bootstrap实战从入门到精通》的书后,兴趣盘它一下。
你可以先准备一张屏幕最大宽度80%左右的图片(如:b.png),先构建这样一个HTML:
《!DOCTYPE html》《html》《head》《script》上面的代码放这里《/script》《/head》《body onload=“imgSizer.collate();“》《img src=“b.png“ style=“max-width:100%“ /》《/body》《/html》
然后你用IE打开,如果用得来IE开发者工具,则调为仿真IE5,如果用不来,直接把脚本“var isOldIE = (document.all && !window.opera && !window.XDomainRequest) ? 1 : 0;”这一句直接改为“var isOldIE =1;”(看旧IE情况下)或改为“var isOldIE =0;”(看新IE情况下)
测试结果如下:1、大部分浏览器已支持在IMG元素中使用 style=“max-width:100%“,不使用这段imgSizer情况下(body的onload去掉),只有IE5出现滚动条。
其他浏览器正常缩放
2、为了让IE5也可以缩放,body的onload加上“imgSizer.collate();“,var isOldIE语句有问题,也手动设为1。IE5展示如下:
IE5虽然缩小,但宽高不是成比例缩小。
总结:为了最后一点效果,这么折腾,我想还是算了吧。
怎么用js代码实现
我的想法就是用一个div包着另一个div,分别称它为d1,d2.在d2里放一张图片和一个按钮。再用固定定位把d1固定在那个位置,在d2加上position:relative,再用绝对定位把按钮设在右上角。当点击关闭时,用js把d1的display设为none。或者用jquery在d1这元素设置个.hide()。
本文相关文章:
低代码开发平台(低代码平台有何优势,如何改变现有软件开发模式,帮助企业实现商业价值)
2024年7月29日 03:15
网站流量统计代码(网站流量统计代码怎么放可以放几个网站的流量统计代码)
2024年7月24日 07:10
源代码电影剧情(为何电影《源代码》情节那么简单却越看越有意思尤其是结局部分)
2024年7月12日 01:48
简单大气asp网站源代码(帮忙x写一个简单的asp网页源代码)
2024年7月9日 10:10
更多文章:
一个月捞偏门可挣20万(微信挣钱一天100收入,把100块放进微信零钱通一天可以赚多少)
2024年6月30日 18:15
usb驱动怎么安装?电脑连接USB设备总是提示安装驱动失败怎么办
2024年8月24日 17:55
《环太平洋》中这些怪兽到底是生命体,还是“人”造的呢?动漫中的外星人为什么偏偏都想攻占地球
2024年5月17日 08:13
姓名测算免费的网站,姓名测试打分哪个网站测试的最准?帝神算命网手机版,哪个算命网最准
2024年5月21日 10:01
pdf免费转换成word的软件(免费的PDF转Word软件有哪些)
2024年3月31日 01:45
照片编辑器手机版(手机有什么软件可以调节照片的像素分辨率和大小)
2024年7月22日 21:26