HTML+CSS如何实现暗化网页前景色

HTML+CSS如何实现暗化网页前景色,第1张

今天刚刚看到的。你把代码保存预览看是不是你要的效果。

<html>

<head>

<style type="text/css">

</style>

</head>

<body>

//背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色)

<input type="button" value="点击这里" onclick="sAlert()" />

<script type="text/javascript" language="javascript">

function sAlert(){

var msgw,msgh,bordercolor

msgw=250//提示窗口的宽度

msgh=100//提示窗口的高度

bordercolor="#336699"//提示窗口的边框颜色

titlecolor="#99CCFF"//提示窗口的标题颜色

//背景层(大小与窗口有效区域相同,即当d出对话框时,背景显示为放射状透明灰色)

var bgObj=document.createElement("div")//创建一个div对象(背景层)

//定义div属性

bgObj.setAttribute("id","bgDiv")

bgObj.style.position="absolute"

bgObj.style.top="0"

bgObj.style.background="#777"

bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"

bgObj.style.opacity="0.6"

bgObj.style.left="15%"

bgObj.style.width="85%"

bgObj.style.height="100%"

bgObj.style.zIndex = "10000"

document.body.appendChild(bgObj)//在body内添加该div对象

var msgObj=document.createElement("div")//创建一个div对象(提示框层)

//定义div属性,即相当于

msgObj.setAttribute("id","msgDiv")

msgObj.setAttribute("align","center")

msgObj.style.background="white"

msgObj.style.border="1px solid " + bordercolor

msgObj.style.position = "absolute"

msgObj.style.left = "65%"

msgObj.style.top = "50%"

msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"

msgObj.style.marginLeft = "-225px"

msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"

msgObj.style.width = msgw + "px"

msgObj.style.height =msgh + "px"

msgObj.style.textAlign = "center"

msgObj.style.lineHeight ="25px"

msgObj.style.zIndex = "10001"

var title=document.createElement("h4")//创建一个h4对象(提示框标题栏)

//定义h4的属性,即相当于

//<h4 id="msgTitle" align="right" style="margin:0 padding:3px background-color:#336699 filter:progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100) opacity:0.75 border:1px solid #336699 height:18px font:12px Verdana,Geneva,Arial,Helvetica,sans-serif color:white cursor:pointer" onclick="">关闭 </h4>

title.setAttribute("id","msgTitle")

title.setAttribute("align","right")

title.style.margin="0"

title.style.padding="3px"

title.style.background=bordercolor

title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100)"

title.style.opacity="0.7"

title.style.border="1px solid " + bordercolor

title.style.height="12px"

title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"

title.style.color="white"

title.style.cursor="pointer"

title.innerHTML="关闭"

title.onclick=removeObj

function removeObj(){//点击标题栏触发的事件

document.body.removeChild(bgObj)//删除背景层Div

document.getElementById("msgDiv").removeChild(title)//删除提示框的标题栏

document.body.removeChild(msgObj)//删除提示框层

}

document.body.appendChild(msgObj)//在body内添加提示框div对象msgObj

document.getElementById("msgDiv").appendChild(title)//在提示框div中添加标题栏对象title

var txt=document.createElement("p")//创建一个p对象(提示框提示信息)

txt.style.margin="1em 0"

txt.setAttribute("id","msgTxt")

txt.innerHTML='key:<input type="test" name="psd" /><br><input type ="button" value = "send" onclick= removeObj() >'

document.getElementById("msgDiv").appendChild(txt)//在提示框div中添加提示信息对象txt

}

</script>

</body>

</html>

1、右边的柿子树上缀满了沉甸甸的柿子,这些黄得透亮的柿子,像一个个可爱的小灯笼。在繁密而又苍翠的冬青树的映衬下显得更加鲜艳可爱。秋风吹过,一个个“小灯笼”轻轻地摇曳起来,闪烁着光芒。那一片片梧桐树的枯叶在秋风中纷纷飘落下来,好像满院都是飞舞的彩蝶。

2、一场蒙蒙细雨后,大地变了一个模样。清晨,清新的空气一阵阵扑面而来。树上的鸟儿都准备飞到南方去了,见不到鸟儿们的欢声笑语了。从树林中传来一阵沙沙的响声,那是落叶,它们在空中飞舞、飘扬,跳着优美舞姿落在地上。

3、校园里有几棵梧桐树,已经变成了深红色,秋风一吹,一片片落叶就像一只只蝴蝶,在天空中快乐的飞舞,时不时还变换一下舞姿。

4、梧桐树在秋天的树木中显得非常高大,有很多树都是在春天长大的,而到秋天,树叶们大多数都被埋葬在树下了而梧桐树,秋天正是他风华正茂的时候,他的叶子如枫叶,每片叶子的条纹几乎都不一样,叶子的颜色,从边沿往里发黄。这里的每一棵树,都好像是被画出来的一样。

扩展资料:

在中国古代诗歌里,诗人们为了创设道家的飘渺意境,特别注意动态描写,动静结合是常用的一种写景手法。

在这种手法的运用中,独出心裁,“每着一字”,而使“境界全出”。作为动静结合的写景方式,往往是在一种意境里描写动态与静态,并且往往是以静为主,以动衬静的方式(这里的“动”含动与声:如“竹喧归浣女,莲动下渔舟”“喧”为声,“动”为动,“归”为动作),形成意境和形象、动作的和谐统一。

因此,动静结合的写景手法,与衬托,拟人又不可截然分开。

参考资料来源:百度百科——动静结合

1、草原美景一碧千里的草原风光,悠扬的马头琴声,喷香的奶茶,质朴高亢的蒙古民歌,热情好客的蒙古族同胞……骏马在奔驰,牧民在歌唱,那草原上的小花、牛羊、骏马、牧人,构成了一幅极美的图画。描写草原的优美句子。

2、夏天的草原绿草如茵,深呼吸一口,清香的草木味扑鼻而来,让人心旷神怡、如痴如醉。牛、马和羊漫游在草原上,风吹草动,形成了一幅如诗如画的景象,正如北朝民歌“天苍苍,野茫茫,风吹草低见牛羊”!骑在马背上,悠哉游哉,仿佛进入了世外桃源。

3、这时,草原上笼罩着金色的寂静,远处山峦披上晚霞的彩衣,那天边牛乳般洁白的云朵,也变得火焰一般鲜红,草浪平息了,牧归的牛羊群从远方草原走来;只有那些夜间也不回返的骆驼群,还在柳林附近的湖边上游荡着,整个大草原一副安宁的样子。

4、刚刚步入草原,我就深深爱上了这美丽的大草原,这里空气清新,没有城市的喧嚣和汽笛声。放眼望去,绿色的草原,膘肥体壮的牛羊,小马在地上吃草,牧人挥舞着鞭子,唱着悠扬的蒙古长调,听着听着,使我进入了美妙的遐想中……等我回过神来,眼前便是一个个蒙古包,它像星星一样点缀在广阔的草原上。

5、牛群慢悠悠地走着,仿佛绿色海里的一队小船。小牛犊的两只圆眼睛,就像两盏灯。鞭子似的牛尾,有力地、悠闲地甩着。

6、咩,一只长着漂亮长角的羊突然抬起头来,神气地对着天空叫了一声,之后又在原地兴奋地转了好几圈。其他羊见它叫得这么欢,也不甘示弱,纷纷效仿,就连还在喝奶的小羊羔也稚声稚气地叫了几声咩咩。顿时,羊群的叫声划破蓝天,回荡在草原上,震耳欲聋,就连在远处觅食的鸟儿也受到惊吓,拍着翅膀扑棱棱地飞上云端。


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

原文地址: https://outofmemory.cn/zaji/7390990.html

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

发表评论

登录后才能评论

评论列表(0条)

保存