几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
运用JavaScript+div+css制作表单功能
来源：互联网
2023-03-16 23:58:55 版权归原作者所有，如有侵权，请联系我们
网购是当下的潮流，经常会看到一些表单，上面显示商品单价，只需填写数量，总价就会自动运算出来。
工具/原料
- Dreamweaver cc 2014
- JavaScript div css
方法/步骤
【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间。
【第二步】在body标签内输入：
form name="myform">
单价：input type="text" value="120" name="price">br>
选择数量：select name="nums">
option>1个/option>
option>2个/option>
option>3个/option>
option>4个/option>
/select>br>
总价：input type="text" name="con" >
/form>
这就表单代码。
【第三步】在body标签前面位置，输入：
script>
window.onload=function(){
var price=document.myform.price
var nums=document.myform.nums
var con=document.myform.con
nums.onchange=function(){
var scj=nums.selectedIndex 1
con.value=scj*parseInt(price.value)
}
}
/script>，
摁F12键，跳转到页面。
【第四步】点击选择数量的下拉选项，选择数量，选完后下面的总价自动运算显示出来。
注意事项
- 最好退出前不要忘了保存代码。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读