CSS+Js在段落文字最后自动加入隐藏文字
-
CSS和JavaScript控制段落最后自动添加指定的隐藏文字，不建议这样用，因为对搜索引擎不太友好。不过作为一项技巧来研究，下面帖出具体的代码，以供参考指正：
01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">02<htmlxmlns="http://www.w3.org/1999/xhtml">03<head>04<metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>05<title>自动加入隐藏文字</title>06<style>07.test {color:#fff;margin-left:18px;}08</style>09</head>10<body>11<p>在文章各个段落的最后加入带连接的隐藏文字</p>12<p>在文章各个段落的最后加入带连接的隐藏文字</p>13<script>14function test()15{16var myP = document.getElementsByTagName("p");17for(var i=0;i<myP.length;i )18{19varcreateLink=document.createElement("a");20createLink.setAttribute("class","test");21createLink.setAttribute("href","http://www.baidu.com/");22createLink.setAttribute("target","new");23varcreateText=document.createTextNode("百度一下");24createLink.appendChild(createText);25myP[i].appendChild(createLink);26}27}28window.onload=function() {test();}29</script>30</body>31</html>这里忘了一个很重要的内容需要说明：并不是所有的overflow属性效果都一样，比如visible属性就只能对IE起作用。这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。在这里提供一个解决方案：对于IE6及以下版本的IE，可以直接定义高度；对于IE8、火狐、Opera、Chrome可定义min-height。方法如下：
1overflow{2height:auto;3_height:200px;4min-height:200px;5verflow:auto;6zoom:1;7_overflow:visible;8}