滑动运输框
发布时间: 2021-03-06 19:26:29
Ⅰ jsp 页面中 div设置滚动框的问题
小伙子，overflow定义了就别定义高度，否则会出现你的效果的。
<div style="overflow:auto;width:100%;">
这样才兼容的。内容多就会自动撑开div的高度的。
Ⅱ 这个左右滚动框是怎么做出来的，里面是图片
图片滚动代抄码 (从右向左滚动袭)
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img src="图片 " alt="" />
<img src="图片" alt="" />
</marquee>
图片滚动代码 (从下往上滚动)
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img src="图片 " alt="" />
<img src="图片" alt="" />
</marquee>
参数 用法介绍
behavior=scroll, slide, alternate 方式：循环绕行;只跑一次就停住;来回往复运动
scrollamount=20 速度：数越大越快
Ⅲ 鼠标滑轮一滑动就出现一个运行框出来咋办有图
机械结构，鼠标来的X轴和源Y轴以及小球经常附着一些灰尘等脏物，导致定位精度难如人意，加上频频接触的电刷和译码轮磨损得较为严重，直接影响了机械鼠标的使用寿命。在流行一段时间之后，它就被成本同样低廉的“光机鼠标”所取代后者正是市场上还很常见的所谓“机械鼠标”
Ⅳ c#窗体中怎么让滑动条移动时后面数字框对应的数字改变
在窗体中添加滑块ValueChanged事件处理函数，在其中获得滑块的值并在其后的数字框中显示。供参考！
Ⅳ js css 鼠标移入某个区域滑出一个框的效果怎么做
1、输入代码，其中button是鼠标要滑动的地方，滑过button时，class为content的内容就要显示出来回，鼠标滑出去的答时候，这块内容就需要重新隐藏起来。
Ⅵ html滚动文本框
<marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" >
<div align="left" >
</div >
<center ><font face="黑体" color="#008000" size="4" ></font ></center >
<div align="left" >
</div >
<center >
<p ><font color="#ff6600" size="4" >滚动文字</font ></p >
<p ><font color="#ff4500" size="4" >滚动文字</font ></p >
<p ><font color="#ff3300" size="4" >滚动文字</font >
</p >
</marquee >
marquee 参数：
BGColor：滚动文本框的背景颜色。
Direction：滚动方向设置，可选择Left、Right、up和down。
scrolldelay：每轮滚动之间的延迟时间，越大越慢。
scrollamount：一次滚动总的时间量，数字越小滚动越慢。
Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。
Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop：滚动次数。默认为infinite
hspace、vspace：前后、上下的空行。
Ⅶ MFC如何弄滚动滑动条然后在静态文本框中显示文字
1、滚动条是自己创建窗口时要加的一个参数，用函数CreateWindow
2、在static控件中显示文字用函数SetWindowText ,注意不要弄错句柄，这个函数好像不需要句柄，自己看MSDN
Ⅷ html+css怎样实现滑动的文本显示框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>模拟滚动</title>
<styletype="text/css">
.aadivdiv{padding:5px;}
</style>
</head>
<body>
<divstyle="width:350px;height:400px;position:relative;">
<divstyle="width:300px;height:400px;background:#CCCCCC;overflow:hidden;position:absolute;left:0;top:0;word-wrap:break-word;"class="aa"id="test_container">
<divstyle="position:absolute;top:0;"id="test_shower">
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
<div>一一一一一一一一一一</div>
<div>二二二二二二二二二二</div>
<div>三三三三三三三三三三</div>
<div>四四四四四四四四四四</div>
<div>五五五五五五五五五五</div>
<div>六六六六六六六六六六</div>
<div>七七七七七七七七七七</div>
<div>八八八八八八八八八八</div>
<div>九九九九九九九九九九</div>
<div>十十十十十十十十十十</div>
</div>
</div>
<divstyle="position:absolute;display:none;left:300px;top:0;width:20px;height:400px;-moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;"id="test_scroller">
<divstyle="position:absolute;background:#999999;width:20px;height:20px;left:0;top:0;"id="test_scroll_up"></div>
<divstyle="position:absolute;width:20px;height:100px;background:#000000;left:0;top:20px;"id="test_scroll_bar"></div>
<divstyle="position:absolute;background:#999999;width:20px;height:20px;left:0;bottom:0;"id="test_scroll_down"></div>
</div>
</div>
<inputtype="button"onclick="te.gotobottom();"value="移至底端"/>
<scripttype="text/javascript">
var$I=function(a){returndocument.getElementById(a);}
var$N=function(a){returndocument.getElementsByName(a);}
var$T=function(a){returndocument.getElementsByTagName(a);}
functiongeteventobj(event){
event=event||window.event;
varobj=event.srcElement?event.srcElement:event.target;
returnobj
}
varadd_listen=function(obj,action,effect){
action=action.toLowerCase();
varms_action,w3c_action,ot_action;
if(action.indexOf("on")==0){ms_action=action;w3c_action=action.substr(2);}
else{ms_action="on"+action;w3c_action=action;}
if(ms_action=="onmousewheel"||ms_action=="mousewheel"||w3c_action=="ondommousescroll"||w3c_action=="dommousescroll"){
ms_action="onmousewheel";
w3c_action="DOMMouseScroll";
ot_action="mousewheel";
}
try{
obj.addEventListener(w3c_action,effect,true);
if(ot_action)obj.addEventListener(ot_action,effect,true);
}catch(e){
obj.attachEvent(ms_action,effect);
try{window.event.cancelBubble=true;}
catch(e){}
}
}
vardel_listen=function(obj,action,effect){
action=action.toLowerCase();
varms_action,w3c_action,ot_action;
if(action.indexOf("on")==0){ms_action=action;w3c_action=action.substr(2);}
else{ms_action="on"+action;w3c_action=action;}
if(ms_action=="onmousewheel"||ms_action=="mousewheel"||w3c_action=="ondommousescroll"||w3c_action=="dommousescroll"){
ms_action="onmousewheel";
w3c_action="DOMMouseScroll";
ot_action="mousewheel";
}
try{
obj.removeEventListener(w3c_action,effect,true);
if(ot_action)obj.removeEventListener(ot_action,effect,true);
}catch(e){
obj.detachEvent(ms_action,effect);
}
}
varcheckinobj=function(obj_father,obj){
varok=false;
while(obj.parentNode&&obj.parentNode!=undefined){
obj=obj.parentNode;
if(obj==obj_father){
ok=true;
break;
}
}
returnok;
}
varscrolls=function(a){
varself=this;
vartimer;
this.container=$I(a+"_container");//容器
this.shower=$I(a+"_shower");//显示的内?
this.scroller=$I(a+"_scroller");//滚动条容?
this.scroll_up=$I(a+"_scroll_up");//上翻按钮
this.scroll_down=$I(a+"_scroll_down");//下翻按钮
this.scroll_bar=$I(a+"_scroll_bar");//滑动?
this.is_bottom=function(){//检测是不是位于底部?
if(self.shower.offsetTop<=self.container.offsetHeight-self.shower.offsetHeight){
returntrue;
}
returnfalse;
}
this.clearselect=window.getSelection?function(){window.getSelection().removeAllRanges();}:function(){document.selection.empty();};
this.resetright=function(){
vara=self.shower.offsetTop/(self.shower.offsetHeight-self.container.offsetHeight);
varb=self.scroller.offsetHeight-self.scroll_down.offsetHeight-self.scroll_bar.offsetHeight-self.scroll_up.offsetHeight;
varc=self.scroll_up.offsetHeight+(0-b*a);
self.scroll_bar.style.top=c+"px";
}
this.resetleft=function(){
vara=(self.scroll_bar.offsetTop-self.scroll_up.offsetHeight)/(self.scroller.offsetHeight-self.scroll_up.offsetHeight-self.scroll_down.offsetHeight-self.scroll_bar.offsetHeight);
varb=self.shower.offsetHeight-self.container.offsetHeight;
varc=0-(b*a);
self.shower.style.top=c+"px";
}
this.move=function(a){
if(self.shower.offsetTop+a<=0&&self.shower.offsetTop+a>=self.container.offsetHeight-self.shower.offsetHeight){
self.shower.style.top=(self.shower.offsetTop+a)+"px";
}elseif(self.shower.offsetTop+a>0){
self.shower.style.top=0+"px";
}elseif(self.shower.offsetTop+a<self.container.offsetHeight-self.shower.offsetHeight){
self.shower.style.top=self.container.offsetHeight-self.shower.offsetHeight+"px";
}
self.resetright();
}
this.upper=function(){
self.clear();
timer=window.setInterval(function(){self.move(2);},5);
}
this.downer=function(){
self.clear();
timer=window.setInterval(function(){self.move(-2);},5);
}
this.clear=function(){
window.clearInterval(timer);
}
this.test_bar=function(){
if(self.container.offsetHeight<self.shower.offsetHeight){
self.scroller.style.display="block";
}else{
self.scroller.style.display="none";
}
}
this.barmove=function(){
//记录当时鼠标的位置与
self.clearselect;
varmover=this;
this.can_move_top=self.scroll_bar.offsetTop-self.scroll_up.offsetHeight;//这个滚动条上方的可移动距?
this.can_move_bottom=self.scroller.offsetHeight-self.scroll_bar.offsetTop-self.scroll_down.offsetHeight-self.scroll_bar.offsetHeight;//这个滚动条下方的可移动距?
this.e=arguments[0]||window.event;
this.starts=this.e.clientY;
this.starttop=self.scroll_bar.offsetTop;
this.drag=function(){
this.e=arguments[0]||window.event;
this.ends=this.e.clientY;
this.dis=this.ends-mover.starts;
if(this.dis<(0-mover.can_move_top))this.dis=0-mover.can_move_top;
if(this.dis>mover.can_move_bottom)this.dis=mover.can_move_bottom;
self.scroll_bar.style.top=(mover.starttop+this.dis)+"px";
self.resetleft();
self.clearselect;
}
this.cleardrag=function(){
del_listen(document,"mousemove",mover.drag);
self.clearselect;
}
this.add_listener=function(){
add_listen(document,"mousemove",mover.drag);
add_listen(document,"mouseup",mover.cleardrag);
}
this.add_listener();
}
this.outbar=function(){
vare=arguments[0]||window.event;
varobj=e.srcElement?e.srcElement:e.target;
if(obj.id==self.scroller.id){
vary=e.offsetY||e.layerY;
varnew_top=y-0.5*self.scroll_bar.offsetHeight;
if(y-self.scroll_up.offsetHeight<0.5*self.scroll_bar.offsetHeight)new_top=self.scroll_up.offsetHeight;
if(self.scroller.offsetHeight-y-self.scroll_down.offsetHeight<0.5*self.scroll_bar.offsetHeight)new_top=self.scroller.offsetHeight-self.scroll_down.offsetHeight-self.scroll_bar.offsetHeight;
self.scroll_bar.style.top=new_top+"px";
self.resetleft();
}
}
this.gotobottom=function(){
vara=(self.shower.offsetHeight>self.container.offsetHeight)?self.container.offsetHeight-self.shower.offsetHeight:0;
self.shower.style.top=a+"px";
self.test_bar();
self.resetright();
}
this.wheel=function(){
vare=arguments[0]||window.event;
varact=e.wheelDelta?e.wheelDelta/120:(0-e.detail/3);
self.clear();
self.move(80*act);
try{e.preventDefault();}
catch(e){}
returnfalse;
}
this.scroll_bar.ondrag=function(){returnfalse;}
this.scroll_bar.oncontextmenu=function(){returnfalse;}
this.scroll_bar.onselectstart=function(){returnfalse;}
add_listen(this.scroll_up,"mousedown",this.upper);
add_listen(this.scroll_down,"mousedown",this.downer);
add_listen(this.scroll_bar,"mousedown",this.barmove);
add_listen(this.scroller,"mousedown",this.outbar);
add_listen(this.shower,"mousewheel",this.wheel);
add_listen(this.scroller,"mousewheel",this.wheel);
add_listen(document,"mouseup",this.clear);
}
varte=newscrolls("test");
</script>
</body>
</html>
这是一个模拟的滚动条，因为发图片麻烦，滚动条我就用css写了，你把滚动条换成背景图片就行了
Ⅸ 如何实现带滑动条的多行文本输入框
Ext_多行文本输入框_Ext.form.TextArea 评论 举报 版权声明:本文为博主原创文章,未经博主允许不得转载。 * 以上用户言论只代表其个人观点,不
Ⅹ 由低处向高处简单的滑动运输工具
滑轮还有传送带了'''好像还有飞机诶
热点内容