jsp中如何设置图片自动自适应屏幕大小

jsp中如何设置图片自动自适应屏幕大小,第1张

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页面的一些问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9538808.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存