一个关于JS传参及动态修改页面布局的简单小例子。 效果图: HTML:<!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> < ...
一个关于JS传参及动态修改页面布局的简单小例子。
效果图:
HTML:
<!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </head> <body> <div id="button"><h1>请为下面的DIV设置样式:</h1><div>点击设置</div></div> <div id="set"> <div class="set1"><span>请选择背景色:</span><span onclick="cl('red')">红</span><span onclick="cl('yellow')">黄</span><span onclick="cl('blue')">蓝</span></div> <div class="set2"><span>请选择宽(px):</span><span onclick="wd(200)">200</span><span onclick="wd(300)">300</span><span onclick="wd(400)">400</span></div> <div class="set2"><span>请选择高(px):</span><span onclick="hd(200)">200</span><span onclick="hd(300)">300</span><span onclick="hd(400)">400</span></div> <span class="btn" onclick="reset()">恢复</span> <span class="btn" onclick="apply()">确定</span> </div> <div id="box"></div> <script type="text/javascript" src='/images/loading.gif' data-original="js/js.js"></script> </body></html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:JS传参及动态修改页面布局
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。