jayamge 发表于 2011-12-21 08:43

第一次使用javascript

<br><table style="border-collapse: collapse;" width="95%" bgcolor="#f1f1f1" border="1" bordercolor="#999999" cellpadding="0" cellspacing="0"><tbody><tr><td><p style="line-height: 150%; margin: 5px;"><code><span style="color: rgb(0, 0, 0);"> <span style="color: rgb(0, 0, 255);">function</span> dispayWindow<span style="color: rgb(0, 0, 204);">(</span><span style="color: rgb(0, 0, 204);">)</span><br>
<span style="color: rgb(0, 0, 204);">{</span><br>
<span style="color: rgb(255, 0, 0);">document</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">getElementById</span><span style="color: rgb(0, 0, 204);">(</span><span style="color: rgb(255, 0, 255);">"displayimgs"</span><span style="color: rgb(0, 0, 204);">)</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">style</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">display</span><span style="color: rgb(0, 0, 204);">=</span><span style="color: rgb(255, 0, 255);">"block"</span><span style="color: rgb(0, 0, 204);">;</span><br>
<span style="color: rgb(255, 0, 0);">document</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">getElementById</span><span style="color: rgb(0, 0, 204);">(</span><span style="color: rgb(255, 0, 255);">"displayimg"</span><span style="color: rgb(0, 0, 204);">)</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">innerHTML</span><span style="color: rgb(0, 0, 204);">=</span><span style="color: rgb(255, 0, 255);">"关闭"</span><span style="color: rgb(0, 0, 204);">;</span><br>
<span style="color: rgb(0, 0, 204);">}</span><br>
<span style="color: rgb(0, 0, 255);">function</span> cloaseqq<span style="color: rgb(0, 0, 204);">(</span><span style="color: rgb(0, 0, 204);">)</span><br>
<span style="color: rgb(0, 0, 204);">{</span><br>
<span style="color: rgb(255, 0, 0);">document</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">getElementById</span><span style="color: rgb(0, 0, 204);">(</span><span style="color: rgb(255, 0, 255);">"displayimgs"</span><span style="color: rgb(0, 0, 204);">)</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">style</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">display</span><span style="color: rgb(0, 0, 204);">=</span><span style="color: rgb(255, 0, 255);">"none"</span><span style="color: rgb(0, 0, 204);">;</span><br>
<span style="color: rgb(255, 0, 0);">document</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">getElementById</span><span style="color: rgb(0, 0, 204);">(</span><span style="color: rgb(255, 0, 255);">"displayimg"</span><span style="color: rgb(0, 0, 204);">)</span><span style="color: rgb(0, 0, 204);">.</span><span style="color: rgb(255, 0, 0);">innerHTML</span><span style="color: rgb(0, 0, 204);">=</span><span style="color: rgb(255, 0, 255);">"打开"</span><span style="color: rgb(0, 0, 204);">;</span><br>
<span style="color: rgb(0, 0, 204);">}</span> </span></code></p></td></tr></tbody></table><br>初学javascript,除了纠结还是纠结。<br>我想要点击某个按钮跳出一个弹窗,类似下面这种:<br><br><table style="border-collapse: collapse;" width="95%" bgcolor="#f1f1f1" border="1" bordercolor="#999999" cellpadding="0" cellspacing="0"><tbody><tr><td><p style="line-height: 150%; margin: 5px;"><code><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 204);">&lt;</span><span style="color: rgb(0, 0, 255);">a</span> <span style="color: rgb(255, 0, 0);">onclick</span><span style="color: rgb(0, 0, 204);">=</span><span style="color: rgb(255, 0, 255);">"dispayWindow()"</span> <span style="color: rgb(0, 0, 204);">&gt;</span><span style="color: rgb(0, 0, 204);">&lt;</span><span style="color: rgb(0, 0, 255);">span</span> <span style="color: rgb(255, 0, 0);">id</span><span style="color: rgb(0, 0, 204);">=</span><span style="color: rgb(255, 0, 255);">"displayimg"</span><span style="color: rgb(0, 0, 204);">&gt;</span>关闭头像选择框<span style="color: rgb(0, 0, 204);">&lt;</span><span style="color: rgb(0, 0, 204);">/</span><span style="color: rgb(0, 0, 255);">span</span><span style="color: rgb(0, 0, 204);">&gt;</span><span style="color: rgb(0, 0, 204);">&lt;</span><span style="color: rgb(0, 0, 204);">/</span><span style="color: rgb(0, 0, 255);">a</span><span style="color: rgb(0, 0, 204);">&gt;</span></span></code></p></td></tr></tbody></table><br>现在存在的问题是,displayimgs虽然显示了,但是并没有显示在页面最前端。纠结!燕子说需要先生成一个背景把原有页面给屏蔽掉。继续研究中。<br>
页: [1]
查看完整版本: 第一次使用javascript