1、创建一个名为“topwindows.html”的网页文件。
2、网页浮动窗口对应的部分代码如下所示:<html><style>.img_wd{font-size:30padding-top:20pxtext-align:leftpadding-left:70pxline-height:40pxbackground:url(110.jpg)top center no-repeatwidth:252pxheight:127pxline-heiht:10pxtext-align:centerfont-family:"微软雅黑,仿宋,楷体,黑体"。
3、color: #fafafatext-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px}</style><body><div class="img_wd" style="">青春就是这么任性!<Br>Younger GOO。
4、接着将如图所示的代码添加到主页<Body>和</Body>之间:其中标签"fdck”中的属性SRC指向浮动窗口的网页地址。
5、需要将以上所有代码(包括JS脚本)全部放置在<body>和</body>之间。
6、最后查看一下浮动窗口的效果,会发现浮动窗口在网页中不断的移动,当鼠标悬停其上时会停止移动,点击“隐藏”按钮将自动隐藏悬浮窗口。
第一步:点图片按
Ctrl
+
Alt+
I
也行
第二步:
先、选择你要的放入的图片
第三步:
在下面的属性里设置边框
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)