求个在HTML加入图片飘窗的代码

求个在HTML加入图片飘窗的代码,第1张

<html>

<head>

<title>html-WEB开发</title>

</head>

<body>

<div id="img" style="position:absolutez-index=99">

<img src="http://www.alixixi.com/images/face/image21.gif" onClick="pause_resume()" border="0" alt='img' onload="return imgzoom(this,600)" onclick="javascript:window.open(this.src)" style="cursor:pointer"/>

</div>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var xPos = document.body.clientWidth-20

var yPos = document.body.clientHeight/2

var step = 1

var delay = 5

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

img.style.top = yPos

function changePos() {

width = document.body.clientWidth

height = document.body.clientHeight

Hoffset = img.offsetHeight

Woffset = img.offsetWidth

img.style.left = xPos + document.body.scrollLeft

img.style.top = yPos + document.body.scrollTop

if (yon) {

yPos = yPos + step

}else {

yPos = yPos - step

}

if (yPos <0) {

yon = 1

yPos = 0

}

if (yPos >= (height - Hoffset)) {

yon = 0

yPos = (height - Hoffset)

}

if (xon) {

xPos = xPos + step

}else {

xPos = xPos - step

}

if (xPos <0) {

xon = 1

xPos = 0

}

if (xPos >= (width - Woffset)) {

xon = 0

xPos = (width - Woffset)

}

}

function start() {

img.visibility = "visible"

interval = setInterval('changePos()', delay)

}

function pause_resume() {

if(pause) {

clearInterval(interval)

pause = false

}else {

interval = setInterval('changePos()',delay)

pause = true

}

}

start()

// End -->

</script>

</body>

</html>

飘窗就是飘出的窗子,一般呈矩形或梯形向室外凸起。它三面都装有玻璃,窗台高度较低,既有大面积的玻璃采光,又有宽敞的窗台,在视觉上可以延伸室内空间.

低窗台的飘窗在老上海的花园小洋房中经常可以见到。现在国内许多住宅也采用飘窗设计,在追求外表美观的同时还追求实用.

在卧室配有飘窗,不但可以享受充足的室内光线,还可以饱览室外秀美景观,主卧的飘窗更注重体现温馨宁静。飘窗还可以作为很不错的观景台。躺在窗台上,上面放上两个靠垫,或坐或卧,白天看车水马龙,晚上看满天星斗。利用飘窗的另一方面是其充足的光照。

但出于安全的考虑,专家建议不要把飘窗开在儿童房,低矮的窗台儿童很容易攀爬。

飘窗的使用还应该是因地制宜、应需而生,不能生搬硬套。低窗台飘窗,特别是多层、高层住宅更应注意使用安全。国家标准“住宅设计规范”明确规定:外窗窗台距室内楼地面低于0.9米时应采取防护措施。

六大优点

打造飘窗的六大妙用

把飘窗台打造成一个小小的娱乐室

飘窗即有大面积玻璃采光又有宽敞窗台可以在视觉上增加室内空间的面积,受到了很多家庭的喜爱。因此时下新居里,总是少不了飘窗的身影。但是你是否注意到,明净通透的玻璃和光滑清凉的大理石台面构筑的飘台空间其实可以有很多妙用。

【妙用一】飘在空中的小床

一般的飘窗大都有两米左右长,宽接近一米,于是不少小户型的主人就在飘窗台面上打起了主意:把飘窗空间设计成一张小小的单人床!大多飘窗是三面采光,于是罗马帘和普通垂帘都可以很好运用来隔断空间。通常的设计是保留原有的大理石台面,除了在三面采光玻璃上常规装饰窗帘外,在飘窗接近室内一侧加多一道窗帘,不用的时候整个窗户造型是浪漫的宫廷式垂帘,轻轻拉过,里面就是一个小小的但空间宽敞的床了,躺下一个人也不会觉得局促。更为美妙的是,布满繁星的夜晚,把三面玻璃的窗帘打开,就像躺着飘在空中的小床,夜空明净如水。

【妙用二】打造书房整体空间

不过是一个平方米多些的小小飘窗,其实可以通过巧妙的改造做出“大”文章。时下不少年轻家庭由于经济实力还不够雄厚,一般会选择70-80平方米的两房单位,那么如何能让家里看起来宽敞明亮,不浪费每一个可以利用的角落呢?聪明的主人这时候该在飘窗台上动动脑筋了。不少人利用飘窗台接近地面,比较低矮的特点,凭空搭出一个“百变”书台。最常用的方法是:在飘窗台面按照入墙家具的做法量体定做出高在20-40厘米高的书桌台面,由于是在窗台上做的,桌子脚自然就“省”掉了,即节约了用料又“偷”出了意想不到的空间。可别小看了这变出来的小小空间,把它格成几个抽屉,可以装下不少的零碎小东西,还可以配合整体的书房设计,在贴着飘台的书房拐角打造一系列书房电脑桌、书架、书柜,一个漂亮整洁又宽敞的书房就属于你了。

【妙用三】放飞心情的地方

卧室是最让人放松的地方,伸个懒腰躺在床上,总觉得好像少了什么。一杯香浓的牛奶和一个放飞心情的角落能让满是疲倦的你在甜甜进入梦乡时带着幸福的微笑。如果肯用心的话,飘窗台就是你放飞心情的地方。不用大兴土木,更无需折腾比划,只要买回自己喜欢的抱枕还有那张期待已久的羊皮毡子往上面轻轻一摆,这个美丽舒适又散发着浪漫的空间就是你的了。当然,肯花心思的主人一定会试一下做一个折叠的软垫子,靠在飘窗台上休憩的时候,背后是软软柔柔的力量让自己眷恋得无法自拔。也有不怕麻烦的主人干脆找来可以量位定做家私的师傅,为飘窗台做一套漂亮的柜子:选择窗台上靠边三分之一的空间,魔术般变出了一张精巧的梳妆台,这里可以收罗主人全部的美丽武器,当然不能做得太高太大,窗户的通风采光效果还是要注意的。

【妙用四】小小娱乐室

家里来了一群客人,除了聊天看电视还可以做什么?如果空间够大的话,一间专门的休闲娱乐房是非常必要的,可以品茶、聊天、打牌,但是,普通小家庭可没有为客人准备这么大的娱乐空间。如果你的客厅里有一个大飘窗,情况就完全不同了。在时下很多楼盘经济户型的示范单位里我都很容易发现,设计师已经很好的注意到了客厅飘窗台的妙用。首先,如果客厅空间很小的话,可以把飘窗台打造成一张开放式样的沙发,只要制作合适尺寸的沙发垫就可以很舒服的坐上去,即不用考虑沙发脚又节约了大量的空间。如果客厅的沙发位已经足够了,飘窗台则可以做成一个小小的娱乐室。这听起来仿佛有点不可思议,但你想想,只要一张四方小茶几和两个塌塌米圆垫子,喝茶下棋聊天都有了好去处。与客厅其他地方相比,这里不但通风采光一流,还可以放眼外面的世界,何乐而不为。

【妙用五】BB的第一个家

不少年轻家庭刚刚添了新成员--可爱小BB时,总会显得手忙脚乱。客厅、卧室到处丢满了玩具和BB用品,伴随着他(她)嘹亮的哭声,这样的日子什么时候可以到头?不要着急,好好静下心来就可以把一切安排得井井有条。例如,你不妨考虑利用一下飘窗台为小宝宝打造一个全新的天地。首先要注意安全措施,在玻璃飘窗底部加装一些木头或者不锈钢户拦(刷成五彩颜色的木头护拦是最佳选择),安全保证了以后,这里就是宝宝的世界了。在他小小还不会走动的时候,把整个大大的BB睡床都放置在窗台上,家里就省出了原来放置BB床的空间,感觉清爽多了。这时候飘窗台顶部可以挂上五彩的音乐灯或者大大的卡通抱熊,让宝宝任何时候都不会感觉寂寞。此外,飘窗台上的阳光可以为宝宝带来健康“快餐”,开阔的视野也能很好的让他(她)率先感受外面的世界,多好。

【妙用六】杂物通通不见了

家里总是有那么多数也数不清乱七八糟的小东西,不一定任何时候都用得上,又不能早早扔掉,它总是不合时机的出现在餐桌上、茶几上、沙发旁、椅子上……所以,买家具布置新家时,持家的主人通常会考虑买一个橱物柜。如果你家里有飘窗的话,这一步棋却可以换一种走法。一般的飘窗台通常距离地面三尺来高,而这三尺多的空间原本是水泥空间,甚至是架空的,那么何不利用它“变”出我们需要的储物空间呢?聪明的主人可以自己动手,只要留够足够支撑飘窗台面的混凝土部分,余下的空间可以做成一到两个大大的抽屉,不是常用的小东西,通通装进去,突然间,家里变得清爽宜人,生活也变得简单快乐了


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

原文地址: http://outofmemory.cn/zaji/6126719.html

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

发表评论

登录后才能评论

评论列表(0条)

保存