CSS+Js在段落文字最后自动加入隐藏文字 -

xueyou

浏览: 90983 次

最近访客更多访客>>

wangwei_peking

alanyyyyyy

lyl_pages

我菜鸟1号

博主相关

博客

微博

相册

留言

关于我

博客专栏

: 各种极其精美的Web前端组...
浏览量：59439

文章分类

全部博客 (70)

社区版块

存档分类

2014-10 ( 10)
2014-09 ( 11)
2014-08 ( 40)
更多存档...

CSS+Js在段落文字最后自动加入隐藏文字

JavaScript jQuery CSS HTML5

CSS和JavaScript控制段落最后自动添加指定的隐藏文字，不建议这样用，因为对搜索引擎不太友好。不过作为一项技巧来研究，下面帖出具体的代码，以供参考指正：资源分享

01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

02

<html xmlns="http://www.w3.org/1999/xhtml">

03

<head>

04

<meta http-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>

14
function test()

15
{

16
var myP = document.getElementsByTagName("p");

17

for(var i=0;i<myP.length;i )

18
{

19

var createLink = document.createElement("a");

20
createLink.setAttribute("class","test");

21
createLink.setAttribute("href","http://www.baidu.com/");

22
createLink.setAttribute("target","new");

23

var createText = document.createTextNode("百度一下");

24
createLink.appendChild(createText);

25
myP[i].appendChild(createLink);

26
}

27
}

28

window.onload = function() {test();}

29
</script>

30

</body>

31

</html>

这里忘了一个很重要的内容需要说明：并不是所有的overflow属性效果都一样，比如visible属性就只能对IE起作用。这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。在这里提供一个解决方案：对于IE6及以下版本的IE，可以直接定义高度；对于IE8、火狐、Opera、Chrome可定义min-height。方法如下：框架资源分享

1
overflow{

2

height:auto;

3

_height:200px;

4

min-height:200px;

5

verflow:auto;

6

zoom:1;

7

_overflow:visible;

8
}

分享到：

syntaxhighlighter终于可以正常复制代码了 | CSS控制图片自适应Div大小

2014-07-30 18:25
浏览 452
评论(0)
论坛回复 / 浏览 (0 / 1751)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

博客专栏

文章分类

社区版块

存档分类

最新评论

CSS+Js在段落文字最后自动加入隐藏文字

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

博客专栏

文章分类

社区版块

存档分类

最新评论

CSS+Js在段落文字最后自动加入隐藏文字

评论

发表评论

相关推荐

最近访客更多访客>>