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、最后查看一下浮动窗口的效果，会发现浮动窗口在网页中不断的移动，当鼠标悬停其上时会停止移动，点击“隐藏”按钮将自动隐藏悬浮窗口。
在HTML中添加广告位方法：
在HTML中添加广告位
工具/原料
广告代码
方法
1、图片广告代码的“格式”
是：<a href="此处添加图片广告指向的网址" target="_blank"><img src="此处添加图片路径地址" width="此处写入图片宽度像素" height="此处写入图片高度像素" border="0" /></a>
2、下面举例说明：
先准备一张广告图片，然后，将图片用FTP工具上传到网站空间，上传的位置没有特别的要求，一般是上传到images（图片）文件夹中，这样方便管理；
3、将图片广告要指向的网址和图片广告的路径地址及图片广告的规格写进“图片广告代码中”。如，图片广告要指向的网址是：/图片广告存放的路径是：域名/themes/tomhua/images/ad.jpg；图片广告的尺寸是240×200。
4、这段代码就写成这样：
<a href="域名" target="_blank"><img src="域名/conten/themes/tomhua/images/ad.jpg" width="240px" height="200px" border="0" /></a>
5、将上述代码写进网站广告位或其他地方，更新一下，图片广告就会在你的网站上显示了。
6、这里需要注意的是图片存放的路径，要包括图片的名称，就是上面代码中的“ad.jpg”部分，整个代码不能出现一点差错，否则，广告图片就不能正常显示了。
7、另外，广告图片的尺寸是可以调整的，就是在“width="240px" height="200px"”这里调整到合适的大小就可以。“width”是广告图片的宽度“height”是广告图片的高度。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）