每一个你不满意的现在,都有一个你不努力的曾经. 网站首页 > js
键位滚动联动效果
发布时间:2018-12-10 16:45:08 修改时间:2018-12-10 16:45:08 阅读:4623 评论:0 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.ad{width:200px ; margin:0 auto;height:100px;overflow-y:scroll;line-height:30px;}
</style>
</head>
<body>
<div class="ad" >发困手机关机辅导教师高考放假感觉到付款零售价格看来费点劲看来是健康管理发估计看来话费第三个还分代课老师估计快了还费劲快乐的时光见客户两地分居老师讲课告知短信。接着,后续一切操作都是在无人操控环境下自动完成,其运行速度根据途经障碍情况时快时慢。一路上,它会自行拐弯、规避路障、礼让行人。待即将达目的地时,“机器人”系统又向收货人发出一条准备取货的短信。很快,“机器人”到了,在管委会工作的刘女士已经在等待了。记者看到,刘女士在“机器人”自带的屏幕上输入短信中的验证码后,一个货箱格便自动打开了。刘女士告诉记者:“第一次收‘机器人’送来的快递,太方便了,这完全解放了人力,而且也让生活更加智能化。”告知短信。接着,后续一切操作都是在无人操控环境下自动完成,其运行速度根据途经障碍情况时快时慢。一路上,它会自行拐弯、规避路障、礼让行人。待即将达目的地时,“机器人”系统又向收货人发出一条准备取货的短信。很快,“机器人”到了,在管委会工作的刘女士已经在等待了。记者看到,刘女士在“机器人”自带的屏幕上输入短信中的验证码后,一个货箱格便自动打开了。刘女士告诉记者:“第一次收‘机器人’送来的快递,太方便了,这完全解放了人力,而且也让生活更加智能化。”告知短信。接着,后续一切操作都是在无人操控环境下自动完成,其运行速度根据途经障碍情况时快时慢。一路上,它会自行拐弯、规避路障、礼让行人。待即将达目的地时,“机器人”系统又向收货人发出一条准备取货的短信。很快,“机器人”到了,在管委会工作的刘女士已经在等待了。记者看到,刘女士在“机器人”自带的屏幕上输入短信中的验证码后,一个货箱格便自动打开了。刘女士告诉记者:“第一次收‘机器人’送来的快递,太方便了,这完全解放了人力,而且也让生活更加智能化。”告知短信。接着,后续一切操作都是在无人操控环境下自动完成,其运行速度根据途经障碍情况时快时慢。一路上,它会自行拐弯、规避路障、礼让行人。待即将达目的地时,“机器人”系统又向收货人发出一条准备取货的短信。很快,“机器人”到了,在管委会工作的刘女士已经在等待了。记者看到,刘女士在“机器人”自带的屏幕上输入短信中的验证码后,一个货箱格便自动打开了。刘女士告诉记者:“第一次收‘机器人’送来的快递,太方便了,这完全解放了人力,而且也让生活更加智能化。”告知短信。接着,后续一切操作都是在无人操控环境下自动完成,其运行速度根据途经障碍情况时快时慢。一路上,它会自行拐弯、规避路障、礼让行人。待即将达目的地时,“机器人”系统又向收货人发出一条准备取货的短信。很快,“机器人”到了,在管委会工作的刘女士已经在等待了。记者看到,刘女士在“机器人”自带的屏幕上输入短信中的验证码后,一个货箱格便自动打开了。刘女士告诉记者:“第一次收‘机器人’送来的快递,太方便了,这完全解放了人力,而且也让生活更加智能化。”的考试结果</div>
</body>
<script src="jquery-1.js"></script>
<script>
var index = 500
$(function(){
by_looking(index);
})
// 文章练习---------滚动textarea
// index 为下面打字的字数 控制上面的滚动
function by_looking(index){
// 总字数
var num = $('.ad').text().length
//console.log('num--'+num)
// 总行高
var long1=$('.ad')[0].scrollHeight;
//console.log('long1--'+long1)
// 行高
var lh=document.defaultView.getComputedStyle($('.ad')[0],null)['lineHeight'].replace('px','')
//console.log('lh--'+lh)
// 每行字数
var one_num = num/(long1/lh);
if(parseInt(index/one_num) > 2){
//console.log('滚动高度--'+(index/one_num-2)*lh)
$('.ad').scrollTop((index/one_num-2)*lh)//('line-height'))//scrollHeight)
}
}
</script>
</html>
回复列表
关键字词:span,nbsp,style,1px,font-size,机器人
上一篇:css常用属性
下一篇:跑马灯广告条jq官网demo