web前端|js教程
javascript,demo,自定义,一个,滚动,每天
web前端-js教程
网页源码的后台,vscode批量处理字符,geth ubuntu升级,tomcat 强制刷新,sqlite查询按日期排序,小公司前端用什么框架写的,梦到密密麻麻的爬虫咬我,php下载32位,美团seo 分类,wordpress网站维护,网页闪电效果,鲜花商城模板lzw
body {
margin: 0;
}
#wrap {
margin: 30px auto;
position: relative;
border: 1px solid #000;
width: 500px;
padding: 0 20px;
height: 400px;
overflow: hidden;
}
#scroll {
position: absolute;
left: 20px;
top: 0;
width: 500px;
}
p {
font: 14px/30px “宋体”;
}
#scrollBar {
position: absolute;
right: 0;
top: 0;
width: 12px;
height: 100%;
background: #f1f1f1;
}
#bar {
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 100px;
border-radius: 6px;
background: #000;
cursor: pointer;
}
旅游信息管理系统源码,安卓手机运行vscode,ubuntu常规字体,解决tomcat不能启动,py爬虫主题,php 编译mcrypt,山东抖音搜索seo优化排名lzw
仿京东商城源码 php,硬盘ubuntu18.04,西湖边的爬虫,西宁php,网络seo好吗lzw
关于妙味
关于妙味妙味课堂是北京妙味趣学信息技术有限公司旗下的IT前端培训品牌，妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！
目前主要针对的是javascript培训，同时还提供了css教学、javascript视频、js特效等，最新推出了外地学员们喜欢的javascript网络课程服务，同时还为处于javascript入门阶段的朋友录制了大量javascript视频，其中涉及了大量javascript基础知识，希望妙味课堂推出的javascript网络培训课程能带给大家更多惊喜。
妙味讲师：
妙味课堂的讲师来自中国最具吸引力的IT企业，如人人网、ShopEx等。
妙味JS课程高级讲师：钟毅
资深PHP程序员，曾独立开发CMS系统。
对前端开发有极大热情，尤其是在AJAX数据交互方面，
有着复杂而深入的项目实践经验。
钟毅为人性情温和、对教学工作有极大的耐心，
现任妙味课堂JS课程高级讲师。
关于妙味
关于妙味妙味课堂是北京妙味趣学信息技术有限公司旗下的IT前端培训品牌，妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！
目前主要针对的是javascript培训，同时还提供了css教学、javascript视频、js特效等，最新推出了外地学员们喜欢的javascript网络课程服务，同时还为处于javascript入门阶段的朋友录制了大量javascript视频，其中涉及了大量javascript基础知识，希望妙味课堂推出的javascript网络培训课程能带给大家更多惊喜。
妙味讲师：
妙味课堂的讲师来自中国最具吸引力的IT企业，如人人网、ShopEx等。
妙味JS课程高级讲师：钟毅
资深PHP程序员，曾独立开发CMS系统。
对前端开发有极大热情，尤其是在AJAX数据交互方面，
有着复杂而深入的项目实践经验。
钟毅为人性情温和、对教学工作有极大的耐心，
现任妙味课堂JS课程高级讲师。
妙味讲师：
妙味课堂的讲师来自中国最具吸引力的IT企业，如人人网、ShopEx等。
妙味JS课程高级讲师：钟毅
资深PHP程序员，曾独立开发CMS系统。
对前端开发有极大热情，尤其是在AJAX数据交互方面，
有着复杂而深入的项目实践经验。
钟毅为人性情温和、对教学工作有极大的耐心，
现任妙味课堂JS课程高级讲师。
妙味讲师：
妙味课堂的讲师来自中国最具吸引力的IT企业，如人人网、ShopEx等。
妙味JS课程高级讲师：钟毅
资深PHP程序员，曾独立开发CMS系统。
对前端开发有极大热情，尤其是在AJAX数据交互方面，
有着复杂而深入的项目实践经验。
钟毅为人性情温和、对教学工作有极大的耐心，
现任妙味课堂JS课程高级讲师。
(function(){
var wrap = document.querySelector(‘#wrap’);
var scroll = document.querySelector(‘#scroll’);
var bar = document.querySelector(‘#bar’);
// 修改滚动条的高度
var scale = wrap.clientHeight/scroll.offsetHeight;
css(bar,”height”,wrap.clientHeight*scale);
var maxY = wrap.clientHeight – bar.offsetHeight;
bar.addEventListener(‘mousedown’, function(e) {
var elY = css(bar,”top”);
var startY = e.clientY;
e.preventDefault();
document.addEventListener(‘mousemove’,move);
document.addEventListener(‘mouseup’,end);
function move(e){
var nowY = e.clientY;
var y = nowY – startY + elY;
if(y < 0 ){
y = 0;
} else if(y > maxY){
y = maxY;
}
css(bar,”top”,y);
css(scroll,”top”,-y/scale);
}
function end(){
document.removeEventListener(‘mousemove’,move);
document.removeEventListener(‘mouseup’,end);
}
});
mMouseWheel(wrap, function(e){
var y = css(bar,”top”);
y -= 10;
if(y < 0 ){
y = 0;
}
css(bar,”top”,y);
css(scroll,”top”,-y/scale);
},function(e){
var y = css(bar,”top”);
y += 10;
if(y > maxY){
y = maxY;
}
css(bar,”top”,y);
css(scroll,”top”,-y/scale);
});
function mMouseWheel(el, toUp,toDown){
el.addEventListener(‘DOMMouseScroll’, function(e) {
e.preventDefault();
mouseScroll(e.detail,e);
});
el.addEventListener(‘mousewheel’, function(e) {
e.preventDefault();
mouseScroll(-e.wheelDelta,e);
});
function mouseScroll(dir,e){
if(dir > 0){
toDown(e);
} else {
toUp(e);
}
}
}
})();
