質問編集履歴

1

全体のコードを追加しました。

2018/04/13 04:34

投稿

aaaikmsu
aaaikmsu

スコア6

test CHANGED
File without changes
test CHANGED
@@ -47,3 +47,65 @@
47
47
  わちゃわちゃしててみづらいですが、
48
48
 
49
49
  構造は、dlの中にdtとddがあって、dtを押すとddがグレイレイヤーとオーバーレイヤーとともに出てきます。
50
+
51
+
52
+
53
+ ```
54
+
55
+
56
+
57
+ $(function(){
58
+
59
+
60
+
61
+ $("dd").hide()
62
+
63
+ $("body").append("<div id='glayLayer'></div><div id='overLayer'></div>");
64
+
65
+
66
+
67
+ $("#glayLayer").click(function(){
68
+
69
+ $(this).hide();
70
+
71
+ $("#overLayer").hide();
72
+
73
+ });
74
+
75
+
76
+
77
+ $("dt").click(function(){
78
+
79
+ $("#glayLayer").show()
80
+
81
+ $("#overLayer").show().html($("+dd",this).html()).css({
82
+
83
+ marginTop:"-"+$("#overLayer").height()/2+"px" ,
84
+
85
+ marginLeft:"-"+$("#overLayer").width()/2+"px"
86
+
87
+ });
88
+
89
+ return false;
90
+
91
+ });
92
+
93
+
94
+
95
+ if($.browser.msie && $.browser.version<7){
96
+
97
+ $(window).scroll(function(){
98
+
99
+ $("#glayLayer").get(0).style.setExpression("top","$(document).scrollTop()+'px'");
100
+
101
+ $("#overLayer").get(0).style.setExpression("top","($(document).scrollTop()+$(window).height()/2)+'px'");
102
+
103
+ });
104
+
105
+ }
106
+
107
+
108
+
109
+ });
110
+
111
+ ```