
html5中是通过css3的background-size来控制自适应的。直接在代码里面设置style,例如2、要么给统一一个class名例如response-img,然后在css文件里面设置这个classhtml5万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3CRecommendation、见本处参考资料原文内容)2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。
<SCRIPT LANGUAGE="javascript">
<!--
windowopen ('pagehtml', 'newwindow', 'height=screenheight, width=screenwidth, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
windowopen d出新窗口的命令;
'pagehtml' d出窗口的文件名;
'newwindow' d出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;这里设成屏幕高度
width=400 窗口宽度; 这里设成屏幕宽度
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束
<input type="button" value="点击这里" onclick="sAlert('测试效果<br>还可以直接书写HTML代码 <br>© 2006');" />
<script type="text/javascript" language="javascript">
//Author:Daviv
function sAlert(str){
var msgw,msgh,bordercolor;
msgw=400;//提示窗口的宽度
msgh=100;//提示窗口的高度
bordercolor="#336699";//提示窗口的边框颜色
titlecolor="#99CCFF";//提示窗口的标题颜色
var sWidth,sHeight;
sWidth=documentbodyoffsetWidth;
sHeight=documentbodyoffsetHeight;
var bgObj=documentcreateElement("div");
bgObjsetAttribute('id','bgDiv');
bgObjstyleposition="absolute";
bgObjstyletop="0";
bgObjstylebackground="#777";
bgObjstylefilter="progid:DXImageTransformMicrosoftAlpha(style=3,opacity=25,finishOpacity=75";
bgObjstyleopacity="06";
bgObjstyleleft="0";
bgObjstylewidth=sWidth + "px";
bgObjstyleheight=sHeight + "px";
documentbodyappendChild(bgObj);
var msgObj=documentcreateElement("div")
msgObjsetAttribute("id","msgDiv");
msgObjsetAttribute("align","center");
msgObjstyleposition="absolute";
msgObjstylebackground="white";
msgObjstylefont="12px/16em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObjstyleborder="1px solid " + bordercolor;
msgObjstylewidth=msgw + "px";
msgObjstyleheight=msgh + "px";
msgObjstyletop=(documentdocumentElementscrollTop + (sHeight-msgh)/2) + "px";
msgObjstyleleft=(sWidth-msgw)/2 + "px";
var title=documentcreateElement("h4");
titlesetAttribute("id","msgTitle");
titlesetAttribute("align","right");
titlestylemargin="0";
titlestylepadding="3px";
titlestylebackground=bordercolor;
titlestylefilter="progid:DXImageTransformMicrosoftAlpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
titlestyleopacity="075";
titlestyleborder="1px solid " + bordercolor;
titlestyleheight="18px";
titlestylefont="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
titlestylecolor="white";
titlestylecursor="pointer";
titleinnerHTML="关闭";
titleonclick=function(){
documentbodyremoveChild(bgObj);
documentgetElementById("msgDiv")removeChild(title);
documentbodyremoveChild(msgObj);
}
documentbodyappendChild(msgObj);
documentgetElementById("msgDiv")appendChild(title);
var txt=documentcreateElement("p");
txtstylemargin="1em 0"
txtsetAttribute("id","msgTxt");
txtinnerHTML=str;
documentgetElementById("msgDiv")appendChild(txt);
}
</script>
jsp根据输入的数字,设置表格宽度如下:
1、动态后台的话可以在网站后台页面编辑,调整表格的大小;
2、可以采用在网页源代码里修改控制表格大小属性的属性值;
3、采用CSS样式控制表格大小;
建议:如果不是很懂代码的话,建议找程序猿处理。
以上就是关于jsp中如何设置图片自动自适应屏幕大小全部的内容,包括:jsp中如何设置图片自动自适应屏幕大小、jsp中用window.open()怎么设置打开的新页面默认最大化显示、JSP页面的一些问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)