企业400电话
微网小程序
AI电话机器人
电商代运营
全 部 栏 目
企业400电话
网络优化推广
AI电话机器人
呼叫中心
网站建设
商标✡知产
微网小程序
电商运营
彩铃•短信
增值拓展业务
css层滚动条
<html> <head><title>层滚动条DIY - Powered by yexj00</title> <style> <!-- *{ font-size: 12px} --> </style> <script language="Javascript"> <!-- function $(obj){ return document.all[obj]; } function setbarHeight(){ $("scroll_bar").style.height=($("scroll_content").clientHeight)/($("scroll_content").scrollHeight)*($("scroll_area").offsetHeight)+"px"; if($("scroll_bar").offsetHeight>=$("scroll_area").offsetHeight){ $("scroll_bar").style.display='none'; } } //--> </script> <script language="Javascript"> <!-- var drag=false; //是否允许拖动 var mx,my; var scrollbar_L; var scrollbar_T; var scrollbar_W; var scrollbar_H; var scrollarea_T,scrollarea_H; var startT,startY; function getInfor(){ mx=event.clientX+document.documentElement.scrollLeft; my=event.clientY+document.documentElement.scrollTop; scrollbar_L=document.documentElement.clientLeft+$("outerDiv").style.pixelLeft+$("scroll_area").offsetLeft+$("scroll_bar").offsetLeft; scrollbar_T=document.documentElement.clientTop+$("outerDiv").style.pixelTop+$("scroll_area").offsetTop+$("scroll_bar").offsetTop; scrollbar_W=$("scroll_bar").offsetWidth; scrollbar_H=$("scroll_bar").offsetHeight; scrollarea_T=document.documentElement.clientTop+$("outerDiv").style.pixelTop+$("scroll_area").offsetTop; scrollarea_H=$("scroll_area").offsetHeight; } function dragit(){ getInfor(); if(event.srcElement.id=="scroll_bar"){ drag=true; $("scroll_bar").style.background="#cccccc"; startT=$("scroll_bar").style.pixelTop; startY=event.clientY; document.onmousemove=move; } } function move(){ if(drag==true){ $("scroll_bar").style.pixelTop=startT+event.clientY-startY; $("scroll_content").scrollTop=$("scroll_bar").style.pixelTop/$("scroll_area").offsetHeight*$("scroll_content").scrollHeight; if($("scroll_bar").style.pixelTop<=0){ $("scroll_bar").style.pixelTop=0} if($("scroll_bar").style.pixelTop>=(scrollarea_H-scrollbar_H)){ $("scroll_bar").style.pixelTop=scrollarea_H-scrollbar_H; } return false; } } document.onmousedown=dragit; document.onmouseup=new Function("drag=false;$('scroll_bar').style.background='#efefef'"); //--> </script> </head> <body onload="setbarHeight()"> <div id="outerDiv" style="position:absolute; left:100px; top:50px; width:130px; height:130px"> <div id="scroll_content" style="position:absolute; padding:2px; left:2px; top:5px; width:100px; height:100px; border:1px solid #cccccc; overflow: hidden"> <!-- 这是层的内容区 --> <script language="Javascript"> <!-- var str="这个是用层做的滚动条,Powered by yexj00!"; str=str.split(""); for(i=0;i<str.length;i++){ document.write(str[i]+" <br>"); } //--> </script> <!-- 层的内容区结束 --> </div> <div id="up_btt" style="position:absolute; left:104px; top:5px; width:8px; height:16px; background:#efefef; font-size:0px;border:1px outset #cccccc"></div> <div id="scroll_area" style=" position:absolute; left:104px; top:22px; width:8px; height:66px;font-size:0px; background:#efefef"> <div id="scroll_bar" style="position:absolute; left:0px; top:0px; width:8px; background:#efefef; font-size:0px;border:1px outset #cccccc"></div> </div> <div id="down_btt" style="position:absolute; left:104px; top:89px; width:8px; height:16px; background:#efefef;font-size:0px; border:1px outset #cccccc"></div> </div> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
flex中使用css样式修改TextArea滚动条的皮肤代码
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
JavaScript CSS 通用循环滚动条
用div+css解决出现水平滚动条问题
用CSS代码轻松Diy你的网页滚动条
CSS自定义滚动条样式案例详解
上一篇：
div+css如何实现页脚的置底
下一篇：
超级连接的提示中换行效果实现代码
相关文章
css层滚动条
层滚动条DIY - Powered by yexj00 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 您可能感兴趣的文章: js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) flex中使用css样式修改TextArcss,层,滚动,条,css,层,滚动,...
重庆专业电话销售系统多少钱一张,电话营销系统办理公
重庆专业电话销售系统多少钱一张,电话营销系统办理公司第一个阶段叫推广，第二阶段...
三星成为沃达丰英国Open RAN商用网络部署主要供应商
据Mobile World Live报道，沃达丰英国公司宣布了即将参与其Open RAN网络部署的供应商名单，...
济南电话机器人功能键（机器人电话是什么）
本文目录一览：1、电话机器人有什么功能2、智能电话机器人软件选哪家靠谱？3、电话...
外呼系统如何起名（外呼系统哪个好）
本文目次一览： 1、外呼零碎的品种都有哪些？ 2、德律风外呼零碎怎样样，哪家的对照...
淄博销售外呼系统厂家（外呼系统电销）
今天给各位分享淄博销售外呼系统厂家的知识，其中也会对外呼系统电销进行解释，如...
新趋势：未来50年科技前沿发展与22个物联网预测（物联
一切理论与实践，务必具备合乎行业发展趋势的预测分析，才可以反映其实际社会使用...
php app支付宝回调（异步通知）详解
之前写过支付宝app支付的支付的后台代码,现在来说一下异步通知： 个人感觉支付宝的...
BT开启云呼叫中心之旅 传统运营模式同步变革
作为一种弹性交付、灵活扩展的资源使用方式，近年来云计算与不同的领域相结合，产...
400电话400电话办理时判断代理商正规与否的标准
当不断增加的商家高度重视电话实施时，市场环境中的通信方案需要精心策划。 毕竟这...
包含金华外呼系统价格走势的词条
本文目次一览： 1、外呼零碎一个几何钱，有哪些功用？ 2、做德律风营销。一套一键外...
杭州电销机器人如何做（智能电销机器人怎么卖）
本文目次一览： 1、怎样用智能德律风呆板人停止电销必修 2、电销应该怎样做，电销呆...
企业网站客户转化率提高的方法
企业网站策划成功的案例也不计其数，现在的网站几乎都把重点放在了网站推广上面，...
资阳市机器人电销外包公司（资阳市机器人电销
本文目录一览：1、 电话机器人公司排名， 电话机器人哪家公司做的比较好2、跟 电话...
厦门电销卡外呼系统排名（厦门电话销售公司）
本文目录一览：1、厦门有没有稳定的外呼系统服务商?2、电话系统哪家最好用?3、外呼...
销售人员寻找客户的三种方法
寻找客户也需要方法，不能太盲目，不然的话会花费许多的时间，市场是最大的教室，...
css层滚动条
层滚动条DIY - Powered by yexj00 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 您可能感兴趣的文章: js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) flex中使用css样式修改TextArcss,层,滚动,条,css,层,滚动,...
咨 询 客 服
咨 询 客 服