几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
js实现全国三级城市联动select选择
来源：互联网
2023-03-16 23:57:40 版权归原作者所有，如有侵权，请联系我们
js实现全国三级城市联动select选择
工具/原料
- adobe dreamweaver
方法/步骤
新建html文档。
书写hmtl代码。
div class="top">
h1>js实现全国三级城市联动select选择/h1>
/div>
div class="info">
div>
select id="s_province" name="s_province">/select>
select id="s_city" name="s_city" >/select>
select id="s_county" name="s_county">/select>
/div>
div id="show">/div>
/div>
书写css代码。
style type="text/css">
body{ background:#EEEEEE;margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; }
a{ color:#006600; text-decoration:none;}
a:hover{color:#990000;}
.top{ margin:5px auto; color:#990000; text-align:center;}
.info select{ border:1px #993300 solid; background:#FFFFFF;}
.info{ margin:5px; text-align:center;}
.info #show{ color:#3399FF; }
.bottom{ text-align:right; font-size:12px; color:#CCCCCC; width:1000px;}
/style>
书写并添加js代码。
script class="resources library" src="area.js">/script>
script>_init_area();/script>
script>
var Gid = document.getElementById ;
var showArea = function(){
Gid('show').innerHTML = "h3>省" Gid('s_province').value " - 市"
Gid('s_city').value " - 县/区"
Gid('s_county').value "/h3>"
}
Gid('s_county').setAttribute('onchange','showArea()');
/script>
代码整体结构。
查看效果。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读