滑動運輸框
發布時間: 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 評論 舉報 版權聲明:本文為博主原創文章,未經博主允許不得轉載。 * 以上用戶言論只代表其個人觀點,不
Ⅹ 由低處向高處簡單的滑動運輸工具
滑輪還有傳送帶了'''好像還有飛機誒
熱點內容