飘窗

JavaScript/jQuery/Vue实现飘窗功能

我的梦境 提交于 2019-12-10 12:58:05
JavaScript/jQuery/Vue实现飘窗功能 JavaScript飘窗 jQuery飘窗 Vue飘窗 JavaScript飘窗 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Document < / title > < style > #adbox { width : 150 px ; height : 150 px ; position : relative ; z - index : 999 ; } #adbox img { border : none ; } #adbox b { position : absolute ; right : 5 px ; top : 0 ; cursor : pointer ; color : # 666 ; } < / style > < / head > < body > < div id = "adbox" > < a href = "javascript:;" > < img src = "https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" alt =

js 飘窗

蹲街弑〆低调 提交于 2019-12-06 12:19:41
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>js 飘窗</title> </head> <style> #roll { width: 192px; padding: 5px; border-radius: 5px; cursor: pointer; color: white; /* 渐变 */ background-image: linear-gradient(135deg, red, yellow); /* 阴影 */ box-shadow: 5px 5px 5px #888888; /* 绝对定位 */ position: fixed; } #roll p { margin: 0px; } #roll a { color: white; text-decoration: none; } #roll .close-btn { text-align: right; } </style> <body> <!--飘窗--> <div id=

息县装修“飘窗的设计”

六眼飞鱼酱① 提交于 2019-11-28 10:59:32
卧室的窗户是属于飘窗类型的,目前有很多人将飘窗打造成属于自己的小天地,会对飘窗重点设计,但卧室飘窗装修设计要点有哪些?在打造卧室飘窗的时候,许多人也会为装修方案而烦恼,不知道卧室飘窗怎么 装修 ?      飘窗,一平方左右的空间,一些人认为飘窗太狭窄,象鸡肋食之无味弃之可惜,没什么大的用处,但如果飘窗能够好好的利用起来,有一个好的设计,会是家中的一个亮点。下面我们一起来看看怎么把飘窗变成家里的黄金地段吧!      要是觉得客厅不够宽敞,就把飘窗改造成一个小小的娱乐休闲室吧。其实,只要在飘窗中间摆一个刻有棋盘的小茶几,左右各摆一个软软的团垫,您就可以和朋友一起喝茶、下棋、谈天说地……这里不只有一流的通风和采光,还有一流的视野。      喜欢沐浴阳光和享受星光的人士不妨试试,地摊亚麻床单批发 如果能坐在自家的飘窗上,手拿一本你喜欢的书,双腿任意摆放。飘窗,既有大面积玻璃采光又有宽敞窗台,好看又实用,你尽可以发挥创意,恰当地“打扮”它,有效扩展室内空间。      飘窗可以是一个制造浪漫的地方;飘窗可以是一个休闲的地方;飘窗可以是一张单人床。如果飘窗颇大,有两米左右长,一米左右宽的话,就可以把飘窗设计成一张小小的单人床,保留原有的大理石台面,在采光玻璃上挂上垂帘,温馨浪漫,非常适合个人休息。      飘窗不止是可以休息的地方还可以是一个工作和娱乐的好地方