本文目录一览:
鼠标事件,js代码实现div移动功能
首先引入jquery框架 例如 jquery-1.7.1.js
//$("#div1")表示要移动的div
$("#div1").animate({top:'+=200px'},"slow");//向上移动200px;
$("#div1").animate({top:'-=200px'},"slow");//向下移动200px;回到原来的位置
JS代码所实现的功能
网上查了下,elfinder是一个基于web的简单文件管理器插件。demo目录下应该是后台代码,用来读取相应配置路径下的文件,然后通过这个插件在页面展示出来,展示效果如同我们在电脑上打开一个文件夹展示文件一样。官方网站上下载的demo,后台处理是用的php。那段JS代码就是简单的jQuery插件调用,来调用elfinder插件展示文件等一系列操作
写一段javascript(或jQuery)代码实现以下功能?
首先思路如下:
检测用户是否更改数量或单价
检测用户是否输入的是数字
计算,并返回值到总价中
简易代码如下:
以下为部分代码:
!--onkeyup方法是在键盘按键按下并松开时发生--
body onkeyup="count(number.value,price.value)"
input type="text" name="count" value="" id="number"/input
input type="text" name="price" value="" id="price"/input
span name="total" class="total_cls" id="total_id"/span
script
//count()输入值是数量和价格的value
function count(n,p){
if(Number(n)==n Number(p)==p)
//这一步是为了检测用户是否输入数字
{
document.getElementById("total_id").innerHTML=Number(n)*Number(p);
}
else
{
alert("输入有误");
}
}
/script