发布于 2017-04-23 21:07:36 | 129 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


一个关于税务的功能,值得一说的是本页面的滑块实现由于对美工不是很熟悉所以上图了,感兴趣的朋友可以了解下哈
最近做了一个关于税务的功能,值得一说的是本页面的滑块实现。大家都知道现实中的程序员大部分都是对于页面和美工不是很熟悉。

本人也是,但是本人比较喜欢自己动手来实现。废话不多说。上图:
实现结果:
 
部分js代码
 
window.onload = function () 
{ 
var oWin = document.getElementById("win"); 
var bDrag = false; 
var disX = disY = 0; 
oWin.onmousedown = function (event) 
{ 
var event = event || window.event; 
bDrag = true; 
disX = event.clientX - oWin.offsetLeft; 
this.setCapture && this.setCapture(); 
return false 
}; 
oWin.onmousemove = function (event) 
{ 
if (!bDrag) return; 
var event = event || window.event; 
var iL = event.clientX - disX; 
var maxL = 480; 
iL = iL < 0 ? 0 : iL; 
iL = iL > maxL ? maxL : iL; 
oWin.style.marginTop = oWin.style.marginLeft = 0; 
oWin.style.left = iL + "px"; //滑块距离左边的位置 
document.getElementById("hkline").style.width = iL; //滑块左边绿色条目的宽度 
return false 
}; 
document.onmouseup = window.onblur = oWin.onlosecapture = function () 
{ 
bDrag = false; 
oWin.releaseCapture && oWin.releaseCapture(); 
}; 
}; 

说明
1、主要用的onmousedown和onmousemove 记录了拖动之后的位置。然后通过dom操作去改变相应的组件渲染
备注:
由于公司网络不是很理想。回家之后会把所有源码上传

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务