给十二虚岁的和睦

本文实例为大家分享水平进度条拖拽效果的js具体代码,供大家参考,具体内容如下

希望十八岁的你最爱的人是自己

 Document  *{ margin: 0; padding: 0; } .scroll{ margin:100px; width: 500px; height: 5px; background: #ccc; position: relative; } .bar{ width: 10px; height: 20px; background: #369; position: absolute; top: -7px; left: 0; cursor: pointer; } .mask{ position: absolute; left: 0; top: 0; background: #369; width: 0; height: 5px; }          var scroll = document.getElementById; var bar = document.getElementById; var mask = document.getElementById; var ptxt = document.getElementsByTagName[0]; var barleft = 0; bar.onmousedown = function{ var event = event || window.event; var leftVal = event.clientX - this.offsetLeft; var that = this; // 拖动一定写到 down 里面才可以 document.onmousemove = function{ var event = event || window.event; barleft = event.clientX - leftVal; if barleft = 0; else if(barleft > scroll.offsetWidth - bar.offsetWidth) barleft = scroll.offsetWidth - bar.offsetWidth; mask.style.width = barleft +'px' ; that.style.left = barleft + "px"; ptxt.innerHTML = "已经走了" + parseInt(barleft/(scroll.offsetWidth-bar.offsetWidth) * 100) + "%"; //防止选择内容--当拖动鼠标过快时候,弹起鼠标,bar也会移动,修复bug window.getSelection ? window.getSelection : document.selection.empty(); } } document.onmouseup = function(){ document.onmousemove = null; //弹起鼠标不做任何操作 }  

希望十八岁的你每天都能吃到可口的食物

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

希望十八岁的你每天都能穿上心爱的衣裳

希望十八岁的你可以在每个街口听见好听的歌

希望十八岁的你可以在每个阴天都能看场电影

给十二虚岁的和睦。希望十八岁的你还喜欢着那个作家的文字

希望十八岁的你会一样乐器还能有一道拿手菜

希望十八岁的你能好好照顾自己不要生病

希望十八岁的你不再有丢三落四的坏毛病

希望十八岁的你喜欢鲜艳的颜色

希望十八岁的你不用去揣测对面人的心思

希望十八岁的你不出挑也别被人群淹没

希望十八岁的你不经历恋爱的消遣和磨难

希望十八岁的你不要变得太成熟也别太幼稚

希望十八岁的你洒脱明朗没有灰暗的第二面

希望十八岁的你眼睛里只透着笑意和阳光

希望十八岁的你依然念旧但不恋旧

希望十八岁的你不掉进世俗的黑洞

希望十八岁的你不伤害别人对得起自己

希望十八岁的你坦坦荡荡与所有的恶人无关

希望十八岁的你看得清现实也做得起梦

希望十八岁的你不用忍受误解和苛责

希望十八岁的你身边没有任何人离开

希望十八岁之后的你可以和之前不一样

希望十八岁的你能够不留遗憾安安稳稳

希望十八岁的你永远庆幸你是你

希望在十九岁的你来到之前我们好好相处

发表评论

电子邮件地址不会被公开。 必填项已用*标注