点睛广告原理 js实现代码

最新推荐文章于 2024-09-14 13:45:23 发布

白云v城主

最新推荐文章于 2024-09-14 13:45:23 发布

阅读量205

点赞数

本文链接：https://blog.csdn.net/sinat_36765345/article/details/82921141

版权

这篇博客展示了如何使用JavaScript实现点睛广告，通过解析DOM节点，查找并替换关键字，为网页内容添加广告链接，实现点击高亮和提示效果。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>antsnet's blog</title>
<link href="css/style.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body{
margin:0px;
font-size:12px;
}
#head{
margin:0px auto;
width:960px;
height:28px;
}
#head ul{
margin:0px;
width:100%;
list-style:none;
}
#headLeft{
width:6px;
height:28px;
float:left;
background:url(http://www.antsnet.net/images/headLeft.gif);
}
#headCenter{
width:947px;
height:28px;
line-height:28px;
float:left;
background:url(http://www.antsnet.net/images/headBackground.gif);
}
#headRight{
width:7px;
height:28px;
float:left;
background:url(http://www.antsnet.net/images/headRight.gif);
}
#contents{
margin:0px auto;
width:958px;
height:auto;
line-height:25px;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}
#contnets ul{
margin:0px;
list-style:none;
width:100%;
}
#foot{
margin:0px auto;
width:960px;
height:80px;
}
#foot ul{
margin:0px;
width:100%;
list-style:none;
}
#footLeft{
width:24px;
height:80px;
float:left;
background:url(http://www.antsnet.net/images/footLeft.gif);
}
#footCenter{
width:917px;
height:80px;
text-align:center;
line-height:25px;
background:url(http://www.antsnet.net/images/footBackground.gif);
float:left;
}
#footRight{
width:19px;
height:80px;
float:left;
background:url(http://www.antsnet.net/images/footRight.gif);
}