www.2527.com_澳门新葡8455手机版_新京葡娱乐场网址_
做最好的网站

Javascript递归打字与印刷Document档案的次序关系实

2019-08-30 11:55 来源:未知

JavaScript实现鼠标滑过处生成气泡的方法

   本文实例讲述了JavaScript实现鼠标滑过处生成气泡的方法。分享给大家供大家参考。具体实现方法如下:

  ?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

<HTML>

<HEAD>

<title>鼠标周围在网页上生成气泡</title>

</HEAD>

<BODY bgColor=#000000 scroll=no onload=zyva()>

<div id=aqua style="position:absolute;left=0;top=0;"></div>

<IMG id=B src="b1.gif" style="display:none">

<SCRIPT>

object = new Array()

var xm,ym

function CObj(N,obj){

aqua.insertAdjacentHTML("AfterBegin","<img style='position:absolute;left:-1000;' src='" obj.src "'>")

this.img = aqua.firstChild.style

mr = Math.random()

this.v = 6*mr 4

this.s = .5*mr

this.p = .1 mr

this.w = 0

this.k = 0

this.x = xm

this.y = N

this.ChteuMeulEu = function ChteuMeulEu(){

with(this){

with(img){

left = (x =0.5*v*Math.sin(k =s))-w*0.5

top = y-=v

width = Math.min(w =p,100)

}

if(y<-w){

w = 8

y = ym

x = xm

}

}

}

}

function gradient(R,G,B,m){

for(i=0;i<25;i ){

c = 255 - 10 * i

C = ""RGB(" Math.round(c*R/255) "," Math.round(c*G/255) "," Math.round(c*B/255) ")""

code = "<span style='position:absolute;font-size:1pt;left=0;width=120%;height=" (m) ".2%;top=" (i*m)

"%;background=" C ";z-Index:-1000'></span>"

document.body.insertAdjacentHTML("beforeEnd",code)

}

}

function zyva(){

xm = document.body.offsetWidth * 0.5

ym = document.body.offsetHeight

document.onmousemove = function (){

xm = window.event.clientX

ym = window.event.clientY

}

for(i=0;i<60;i )object[i] = new CObj(i,B)

setInterval("for(i in object)object[i].ChteuMeulEu()",16)

gradient(41,93,214,2)

}

</SCRIPT>

</BODY>

</HTML>

  希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了JavaScript实现鼠标滑过处生成气泡的方法。分享给大家供大家参考。具体实现方法如...

Javascript递归打印Document层次关系实例分析

 本文实例讲述了Javascript递归打印Document层次关系的方法。分享给大家供大家参考。具体如下:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>递归显示节点层次关系</title>

<script type="text/javascript">

var ResultStr = "";

function ListNode(node,level) {

PrintInfo(node, level);

level ;

var nodes = node.childNodes;

for (var i = 0; i < nodes.length; i ) {

if (nodes[i].hasChildNodes()) {

ListNode(nodes[i], level); //递归

}

else {

PrintInfo(nodes[i], level);

}

}

}

function getSpace(level) {

var s = "";

for (var i = 0; i < level; i ) {

s ="!----"

}

return s;

}

function PrintInfo(node, level) {

ResultStr = getSpace(level) "Name:" node.nodeName

"...Type:" node.nodeType "...Value:" node.nodeValue "<br />";

}

function getDocAllInfo() {

ResultStr = "";

ListNode(document, 0);

document.write(ResultStr);

}

</script>

</head>

<body>

<input type="button" value="测试" onclick="getDocAllInfo()" />

<div id="divDemo">div内容</div>

<table>

<tr>

<td>单元格1</td>

<td>单元格2</td>

</tr>

<tr>

<td>单元格3</td>

<td>单元格4</td>

</tr>

</table>

<input type="text" />

<span>我是SPAN</span>

<!--我是注释-->

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了Javascript递归打印Document层次关系的方法。分享给大家供大家参考。具体如下: ?...

Javascript通过overflow控制列表闭合与展开的方法

 本文实例讲述了Javascript通过overflow控制列表闭合与展开的方法。分享给大家供大家参考。具体实现方法如下:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>通过overflow控制列表闭合展开</title>

<style type="text/css">

div dl

{

margin:0;

padding:0;

font-size:14px;

}

#divMain

{

width:500px;

background-color:#22477A;

margin:0 auto;

margin-top:30px;

}

dl

{

width:200px;

background:#A6BCE5;

height:14px; /*和字体大小一样高*/

overflow:hidden; /*默认溢出隐藏*/

}

dt

{

cursor:pointer; /*设置手型光标*/

font-weight:bold;

color:Green;

}

.open

{

height:112px;

overflow:visible;

}

.close

{

height:14px; /*和字体大小一样高*/

overflow:hidden;

}

</style>

<script type="text/javascript">

function DisplayList() {

var dtNode = window.event.srcElement;

var dlNode = dtNode.parentNode;

var dlNodes = document.getElementsByTagName("dl");

for (var i = 0; i < dlNodes.length; i ) {

if (dlNodes[i] == dlNode) { //判断是否是当前点击的dl

if (dlNodes[i].className == "open") {

dlNodes[i].className = "close";

}

else {

dlNodes[i].className = "open";

}

}

else {

dlNodes[i].className = "close";

}

}

}

</script>

</head>

<body>

<div id="divMain">

<dl>

<dt onclick="DisplayList()">

球星列表1

</dt>

<dd>罗纳尔多</dd>

<dd>贝克汉姆</dd>

<dd>齐达内</dd>

<dd>内马尔</dd>

<dd>巴蒂斯图塔</dd>

<dd>梅西</dd>

</dl>

<br />

<dl>

<dt onclick="DisplayList()">

球星列表2

</dt>

<dd>罗纳尔多</dd>

<dd>贝克汉姆</dd>

<dd>齐达内</dd>

<dd>内马尔</dd>

<dd>巴蒂斯图塔</dd>

<dd>梅西</dd>

</dl>

<br />

<dl>

<dt onclick="DisplayList()">

球星列表3

</dt>

<dd>罗纳尔多</dd>

<dd>贝克汉姆</dd>

<dd>齐达内</dd>

<dd>内马尔</dd>

<dd>巴蒂斯图塔</dd>

<dd>梅西</dd>

</dl>

<br />

<dl>

<dt onclick="DisplayList()">

球星列表4

</dt>

<dd>罗纳尔多</dd>

<dd>贝克汉姆</dd>

<dd>齐达内</dd>

<dd>内马尔</dd>

<dd>巴蒂斯图塔</dd>

<dd>梅西</dd>

</dl>

<br />

<dl>

<dt onclick="DisplayList()">

球星列表5

</dt>

<dd>罗纳尔多</dd>

<dd>贝克汉姆</dd>

<dd>齐达内</dd>

<dd>内马尔</dd>

<dd>巴蒂斯图塔</dd>

<dd>梅西</dd>

</dl>

<br />

<dl>

<dt onclick="DisplayList()">

球星列表6

</dt>

<dd>罗纳尔多</dd>

<dd>贝克汉姆</dd>

<dd>齐达内</dd>

<dd>内马尔</dd>

<dd>巴蒂斯图塔</dd>

<dd>梅西</dd>

</dl>

</div>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了Javascript通过overflow控制列表闭合与展开的方法。分享给大家供大家参考。具体...

相关文章

  • Javascript节点关系实例分析
  • JavaScript实现鼠标滑过处生成气泡的方法
  • JavaScript中继承用法实例分析
  • 求数组中最大值,用递归函数实现
  • Swap Nodes in Pairs ——解题报告,nodespairs
  • 【WEB前端】eCharts 使用笔记,webecharts

相关搜索: Javascript 递归 Document

今天看啥

搜索技术库

返回首页

  • Javascript节点关系实例分析
  • JavaScript实现鼠标滑过处生成气泡的方法
  • JavaScript中继承用法实例分析
  • 递归实现php数组转xml的代码分享
  • 求数组中最大值,用递归函数实现
  • TypeError document.getElementById(...) is null的解决办

相关频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

相关文章

  • javascript实现日期按月份加减
  • Javascript递归打印Document层次关系实例分析
  • Javascript节点关系实例分析
  • JavaScript实现鼠标滑过处生成气泡的方法
  • JavaScript中继承用法实例分析
  • 【WEB前端】eCharts 使用笔记,webecharts

相关搜索: Javascript overflow

今天看啥

搜索技术库

返回首页

  • javascript实现日期按月份加减
  • Javascript递归打印Document层次关系实例分析
  • Javascript节点关系实例分析
  • JavaScript实现鼠标滑过处生成气泡的方法
  • JavaScript中继承用法实例分析
  • 【WEB前端】eCharts 使用笔记,webecharts

相关频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

TAG标签:
版权声明:本文由澳门新葡8455手机版发布于Web前端,转载请注明出处:Javascript递归打字与印刷Document档案的次序关系实