求个在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>

飘窗建立步骤:

建立飘窗下板在分层1绘制、上板在分层2绘制--修改上下板标高--绘制墙构件(100宽即可,因为窗构件自适应墙)--修改墙起点标高和高度--绘制窗构件即可。

可以在一定程度上增加我们室内的实际使用面积。因为飘窗在实际计算面积的过程中是不计入计算面积的,从这点上来说,飘窗确实是一个挺不错的构造。主要是增加室内的采光和通风,增加居住的舒适性。打造成休闲空间,因为飘窗本身还可以精心设计后成为家居功能的一部分,比如沙发区、阅读区等。躺在窗台上,上面放上两个靠垫,或坐或卧,享受惬意生活。

可以在有效的容积率内,扩大房子的空间。这样的房子更容易受到购房者的青睐,同时提高了土地利用率,符合规划局的容积率指标。提升居住舒适度。俗话说的好,书中自有黄金屋,我们不妨把飘窗的位置改装成一个小书房,在闲暇时刻,坐在窗边看看书文艺气息将会充溢你的生活。

如果房间比较小的话,其实飘窗完全可以做收纳使用,把飘窗的下方空间充分利用起来。在卧室的飘窗下打几个嵌入式的抽屉和柜子,把袜子、不常看的书籍等杂物放进去。从建筑设计方面来说,飘窗设计能很好地解决空调外机的放置问题。而从业主的角度来说,飘窗给了自己想象发挥的空间,可以设计成很多种类型!

飘窗不仅可以增加户型的采光和通风等功能,也给商品房的外立面增添了建筑魅力,根据功能,飘窗可以分为休闲型和功能性两种,在实际的装修过程中,飘窗可以根据装修的风格进行设计和打造。由于飘窗天生具有较大较宽的窗台,可在窗台上摆放一个小茶桌和两个坐垫,饭后,可以品茗聊天,享受人生。对于房屋面积不是很大的主人来说,完全可以把飘窗打造成一个学习桌或者一个办公台,这样可以节省很大市内空间。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存