射手播放器翻转画面: 1、用射手播放器打开一个视频。 2、打开后,在画面中点击右键,出现菜单列表,列表中,选择画面。 3、然后选择画面翻转,再选择一种翻转方式,例如:向右......
2017-05-09 203 射手播放器
网页都有尺寸限制,显示到网页中的图片不能超过网页大小;如果图片超过网页大小,就得按比例把它缩小以确保它不变形。实现它,既可以用 Css,也可以用 javascript。如果网页要兼容旧浏览器(如 IE6),通常要用 javascript,因为 IE6 不支持 max-width 和 max-height,使用 expression() 又太耗资源;使用 javaScript 写个函数直接调用,既方便又高效。
w 最大宽度,h 最大高度
function checkImage(obj,w,h)
{
var objCon = document.getElementById(obj);
var ImgCell = objCon.getElementsByTagName("img");
for(var i=0;i < ImgCell.length;i++)
{
var ImgWidth = ImgCell(i).width;
var ImgHeight = ImgCell(i).height;
if(ImgWidth > w)
{
var newHeight = w*ImgHeight/ImgWidth;
if(newHeight <= h)
{
ImgCell(i).width = w;
ImgCell(i).height = newHeight;
}
else
{
ImgCell(i).height = h;
ImgCell(i).width = h*ImgWidth/ImgHeight;
}
}
else
{
if(ImgHeight > h)
{
ImgCell(i).height = h;
ImgCell(i).width = h*ImgWidth/ImgHeight;
}
else
{
ImgCell(i).width = ImgWidth;
ImgCell(i).height = ImgHeight;
}
}
}
}
调用方法:
checkImage(parentNode,width,height)
parentNode 表示图片父对象 ID;
width 表示图片的宽度;
height 表示图片的高度。
最终效果如图所示:
标签: js代码
相关文章
射手播放器翻转画面: 1、用射手播放器打开一个视频。 2、打开后,在画面中点击右键,出现菜单列表,列表中,选择画面。 3、然后选择画面翻转,再选择一种翻转方式,例如:向右......
2017-05-09 203 射手播放器
用皮皮影音播放器打开之后提示库没有注册的问题要怎么解决呢?下载吧小编自有方法解决。 参考解决方法: 1.重新注册库文件 (1) 点击开始按钮运行,输入 cmd 打开命令行。 (2)复制......
2017-05-04 216
微软发布了一款叫做RemoteIE的跨平台浏览器,为Web开发人员跨平台测试Web页面在IE中的表现情况。RemoteIE基于微软的云服务Azure,所以用户不用安装Windows即可使用,免费注册之后通过多平......
2017-03-28 200 RemoteIE
有用户问到了鲁大师怎么设置桌面上方显示电脑健康监控面板的问题,这个问题的操作方法是很简单的,用户在软件中打开设置窗口,并在其中的常规设置板块中找到电脑健康监控面板......
2023-12-26 227 鲁大师设置桌面上方显示电脑健康监控面板