/
class.html
129 lines (128 loc) · 2.35 KB
/
class.html
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>class</title>
</head>
<body>
<style>
*{
margin:0;
padding:0;
}
#div1{
position:relative;
background:#000;
filter:alpha(opacity:10);
opacity:0.2;
}
#div2{
position:relative;
background:#F9F;
filter:alpha(opacity:10);
opacity:0.2;
}
.div2{
height:40px;
/*margin:10px;*/
background:#0FF;
}
#size{
position:absolute;
left:100px;
top:100px;
width:100px;
height:100px;
background:#CCC;
}
#test1{
margin:100px;
}
</style>
<input id="ipt1" value=""/>
<div id="div1">111</div>
<div id="div2">222</div>
<div class="div1 div2">div1+div2</div>
<div class="div1">
<br>
<div class="div3">div3</div>
<br>
</div>
<div class="div1">div1</div>
<div class="div1">div1</div>
<div id="div2"></div>
<div id="size">
content;
</div>
<div id="test1">111</div>
<div class="accordion clearFix">
<ul>
<li>
<h4>title1</h4>
<div>
<img src="images/1.jpg" />
</div>
</li>
<li>
<h4>2</h4>
<div>
<img src="images/1.jpg" />
</div>
</li>
<li>
<h4>3</h4>
<div>
<img src="images/1.jpg" />
</div>
</li>
<li>
<h4>4</h4>
<div>
<img src="images/1.jpg" />
</div>
</li>
</ul>
</div>
<script type="text/javascript" src="class.js"></script>
<script>
/*
function addE(el, type , fn) {
el.addEventListener&&el.addEventListener(type, fn ,false);
el.attachEvent&&el.attachEvent("on"+type, fn);
};
var oDiv1 = f("#div1")[0];
var oDiv2 = f("#div2")[0];
addE(oDiv1,"click", function(){
alert(1);
}, false);
addE(oDiv2,"click", function(){
alert(2);
}, false);
*/
/*
"Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.103 Safari/537.36"
"IE7-IE10"
"Mozilla/5.0 (Windows NT 6.2; WOW64; rv:31.0) Gecko/20100101 Firefox/31.0"
现在所有浏览器都可以直接触发事件;
oDiv1.click();
oDiv2.click()
*/
/*
用这种方法CHROME和FF是可以触发事件的,IE下不行;
var ev = document.createEvent("HTMLEvents");
ev.initEvent("click", false, true);
oDiv1.dispatchEvent(ev);
*/
f(function(){
//l( f("#div2") );
f.loadCss("style\\ui.css")
});
</script>
<!--
<script src="require/require.js"></script>
<script src="require/app.js"></script>
<script>
</script>
-->
</body>
</html>