js文字上下滚动+左右滚动兼容FF/IE

最新推荐文章于 2022-02-19 23:11:24 发布
最新推荐文章于 2022-02-19 23:11:24 发布
阅读量196 收藏 1
点赞数
文章标签： 左右滚动 兼容ff/ie js文字特效 上下滚动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/charrysong/article/details/83972354
版权

我也是最近因为要做这种效果所以找了一下，很多都没有用，有的滚动一半就不滚了！以下是有用的所以收藏了，大家也可以参考一下。

转自：http://www.ok22.org/art_detail.aspx?id=114(可直接运行)

直接贴代码了:

上下滚动

Html代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">  
  2. <HTML xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <TITLE>文字上下滚动</TITLE>  
  5. <META http-equiv=Content-Type content="text/html;charset=utf-8">  
  6. <STYLE type=text/css media=screen>  
  7. *{margin:0;padding:0;font-size:12px;}   
  8. a{color:#333;text-decoration:none}   
  9. a:hover{color:#901d22;text-decoration:underline}   
  10. .clear{clear:both;font-size:0;line-height:0;height:0}   
  11. SPAN.darkred{font-size:14px;color:#933}   
  12. #search{border:1px solid #ccc;margin:0 auto;width:950px;margin-bottom:8px;height:29px}   
  13. #commend{width:720px;color:#fff}   
  14. #commend a{color:#333}   
  15. .scrollNews{padding-TOP:4px;position:relative}   
  16. #newscommend{padding-RIGHT:2px;font-weight:normal;overflow:hidden;width:602px;line-height:20px;height:20px}   
  17. .scrollNews div{LEFT:507px;position:absolute;}   
  18. .scrollNews a{CURSOR:pointer}   
  19. .scrollNews IMG{width:25px;height:8px;background:#000;}   
  20. </STYLE>  
  21. </head>  
  22. <body>  
  23. <div id="new_list" style="display:none;">  
  24. <h6><a href="#">宋山木的“温柔论”能成立吗？</a></h6>  
  25. <h6><a href="#">坐在中国最拥挤的火车上</a></h6>  
  26. <h6><a href="#">前卫美女拍比基尼婚纱照</a></h6>  
  27. <h6><a href="#">中南海保镖这么练出来的</a></h6>  
  28. <h6><a href="#">围观景区冬日人体彩绘秀</a></h6>  
  29. <h6><a href="#">贷款修路有尽 为何缴费还贷不止？</a></h6>  
  30. <h6><a href="#">中国“元”级柴电潜艇堪称深海歼20</a></h6>  
  31. <h6><a href="#">辛酸中的感动：为那些骑摩返们</a></h6>  
  32. <h6><a href="#">高房价 让多少未婚女孩当了小三？</a></h6>  
  33. <h6><a href="#">兽内衣模特大赛照！真有料</a></h6>  
  34. </div>  
  35. <div id=search>  
  36.   <div id=commend>  
  37.     <div class=scrollNews>  
  38.       <H3 id=newscommend></H3>  
  39.       <div style="TOP:3px"><a id="pre"><IMG src=""></a></div>  
  40.       <div style="TOP:15px"><a id="next"><IMG src=""></a></div>  
  41.     </div>  
  42.   </div>  
  43. </div>  
  44. <SCRIPT type="text/javascript">  
  45. function scrollnews(){   
  46.             var htext=document.getElementById("new_list").getElementsByTagName("h6");   
  47.             var text_holder=document.getElementById("newscommend");   
  48.             var oFrag=document.createDocumentFragment();   
  49.             oFrag.innerHTML="";   
  50.             for(var i=0;i<htext.length;i++){   
  51.                 oFrag.innerHTML+=htext[i].innerHTML+"  ";   
  52.                 if((i>0&&i%2==1)||(i==htext.length-1&&i%2==0)){   
  53.                     oFrag.innerHTML+="<br/>";   
  54.                 }   
  55.             }   
  56.             text_holder.innerHTML=oFrag.innerHTML;   
  57.         }   
  58.   
  59.         function ScrollText(content,btnPrevious,btnNext,autoStart,timeout,isSmoothScroll){   
  60.             this.Speed=10;   
  61.             this.Timeout=timeout;   
  62.             this.stopscroll=false;   
  63.             this.isSmoothScroll=isSmoothScroll;   
  64.             this.LineHeight=20;   
  65.             thisthis.NextButton=this.$(btnNext);   
  66.             thisthis.PreviousButton=this.$(btnPrevious);   
  67.             thisthis.ScrollContent=this.$(content);   
  68.             this.ScrollContent.innerHTML+=this.ScrollContent.innerHTML;   
  69.             if(this.PreviousButton){   
  70.                 thisthis.PreviousButton.onclick=this.GetFunction(this,"Previous");   
  71.                 thisthis.PreviousButton.onmouseover=this.GetFunction(this,"MouseOver");   
  72.                 thisthis.PreviousButton.onmouseout=this.GetFunction(this,"MouseOut");   
  73.             }   
  74.             if(this.NextButton){   
  75.                 thisthis.NextButton.onclick=this.GetFunction(this,"Next");   
  76.                 thisthis.NextButton.onmouseover=this.GetFunction(this,"MouseOver");   
  77.                 thisthis.NextButton.onmouseout=this.GetFunction(this,"MouseOut");   
  78.             }   
  79.             thisthis.ScrollContent.onmouseover=this.GetFunction(this,"MouseOver");   
  80.             thisthis.ScrollContent.onmouseout=this.GetFunction(this,"MouseOut");   
  81.             if(autoStart){   
  82.                 this.Start();   
  83.             }   
  84.         }   
  85.         ScrollText.prototype={   
  86.             $:function (element){   
  87.                 return document.getElementById(element);   
  88.             },   
  89.             Previous:function (){   
  90.                 this.stopscroll=true;   
  91.                 this.Scroll("up");   
  92.             },   
  93.             Next:function (){   
  94.                 this.stopscroll=true;   
  95.                 this.Scroll("down");   
  96.             },   
  97.             Start:function (){   
  98.                 if(this.isSmoothScroll){   
  99.                     this.AutoScrollTimer=setInterval(this.GetFunction(this,"SmoothScroll"),this.Timeout);   
  100.                 } else{   
  101.                     this.AutoScrollTimer=setInterval(this.GetFunction(this,"AutoScroll"),this.Timeout);   
  102.                 }   
  103.             },   
  104.             Stop:function (){   
  105.                 clearTimeout(this.AutoScrollTimer);   
  106.                 this.DelayTimerStop=0;   
  107.             },   
  108.             MouseOver:function (){   
  109.                 this.stopscroll=true;   
  110.             },   
  111.             MouseOut:function (){   
  112.                 this.stopscroll=false;   
  113.             },   
  114.             AutoScroll:function (){   
  115.                 if(this.stopscroll){   
  116.                     return;   
  117.                 }   
  118.                 this.ScrollContent.scrollTop++;   
  119.                 if(parseInt(this.ScrollContent.scrollTop)%this.LineHeight!=0){   
  120.                     this.ScrollTimer=setTimeout(this.GetFunction(this,"AutoScroll"),this.Speed);   
  121.                 } else{   
  122.                     if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2){   
  123.                         this.ScrollContent.scrollTop=0;   
  124.                     }   
  125.                     clearTimeout(this.ScrollTimer);   
  126.                 }   
  127.             },   
  128.             SmoothScroll:function (){   
  129.                 if(this.stopscroll){   
  130.                     return;   
  131.                 }   
  132.                 this.ScrollContent.scrollTop++;   
  133.                 if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2){   
  134.                     this.ScrollContent.scrollTop=0;   
  135.                 }   
  136.             },   
  137.             Scroll:function (direction){   
  138.                 if(direction=="up"){   
  139.                     this.ScrollContent.scrollTop--;   
  140.                 } else{   
  141.                     this.ScrollContent.scrollTop++;   
  142.                 }   
  143.                 if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2){   
  144.                     this.ScrollContent.scrollTop=0;   
  145.                 } else if(parseInt(this.ScrollContent.scrollTop)<=0){   
  146.                     this.ScrollContent.scrollTop=parseInt(this.ScrollContent.scrollHeight)/2;   
  147.                 }   
  148.   
  149.                 if(parseInt(this.ScrollContent.scrollTop)%this.LineHeight!=0){   
  150.                     this.ScrollTimer=setTimeout(this.GetFunction(this,"Scroll",direction),this.Speed);   
  151.                 }   
  152.             },   
  153.             GetFunction:function (variable,method,param){   
  154.                 return function (){   
  155.                     variable[method](param);   
  156.                 }   
  157.             }   
  158.         }   
  159.     </SCRIPT>  
  160.     <SCRIPT type="text/javascript">  
  161.         scrollnews();   
  162.         var scroll1=new ScrollText("newscommend","pre","next",true,2500,false);   
  163.     </SCRIPT>  
  164. </body>  
  165. </HTML>   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>文字上下滚动</TITLE>
<META http-equiv=Content-Type content="text/html;charset=utf-8">
<STYLE type=text/css media=screen>
*{margin:0;padding:0;font-size:12px;}
a{color:#333;text-decoration:none}
a:hover{color:#901d22;text-decoration:underline}
.clear{clear:both;font-size:0;line-height:0;height:0}
SPAN.darkred{font-size:14px;color:#933}
#search{border:1px solid #ccc;margin:0 auto;width:950px;margin-bottom:8px;height:29px}
#commend{width:720px;color:#fff}
#commend a{color:#333}
.scrollNews{padding-TOP:4px;position:relative}
#newscommend{padding-RIGHT:2px;font-weight:normal;overflow:hidden;width:602px;line-height:20px;height:20px}
.scrollNews div{LEFT:507px;position:absolute;}
.scrollNews a{CURSOR:pointer}
.scrollNews IMG{width:25px;height:8px;background:#000;}
</STYLE>
</head>
<body>
<div id="new_list" style="display:none;">
<h6><a href="#">宋山木的“温柔论”能成立吗？</a></h6>
<h6><a href="#">坐在中国最拥挤的火车上</a></h6>
<h6><a href="#">前卫美女拍比基尼婚纱照</a></h6>
<h6><a href="#">中南海保镖这么练出来的</a></h6>
<h6><a href="#">围观景区冬日人体彩绘秀</a></h6>
<h6><a href="#">贷款修路有尽 为何缴费还贷不止？</a></h6>
<h6><a href="#">中国“元”级柴电潜艇堪称深海歼20</a></h6>
<h6><a href="#">辛酸中的感动：为那些骑摩返们</a></h6>
<h6><a href="#">高房价 让多少未婚女孩当了小三？</a></h6>
<h6><a href="#">兽内衣模特大赛照！真有料</a></h6>
</div>
<div id=search>
  <div id=commend>
    <div class=scrollNews>
      <H3 id=newscommend></H3>
      <div style="TOP:3px"><a id="pre"><IMG src=""></a></div>
      <div style="TOP:15px"><a id="next"><IMG src=""></a></div>
    </div>
  </div>
</div>
<SCRIPT type="text/javascript">
function scrollnews(){
			var htext=document.getElementById("new_list").getElementsByTagName("h6");
			var text_holder=document.getElementById("newscommend");
			var oFrag=document.createDocumentFragment();
			oFrag.innerHTML="";
			for(var i=0;i<htext.length;i++){
				oFrag.innerHTML+=htext[i].innerHTML+"  ";
				if((i>0&&i%2==1)||(i==htext.length-1&&i%2==0)){
					oFrag.innerHTML+="<br/>";
				}
			}
			text_holder.innerHTML=oFrag.innerHTML;
		}

		function ScrollText(content,btnPrevious,btnNext,autoStart,timeout,isSmoothScroll){
			this.Speed=10;
			this.Timeout=timeout;
			this.stopscroll=false;
			this.isSmoothScroll=isSmoothScroll;
			this.LineHeight=20;
			this.NextButton=this.$(btnNext);
			this.PreviousButton=this.$(btnPrevious);
			this.ScrollContent=this.$(content);
			this.ScrollContent.innerHTML+=this.ScrollContent.innerHTML;
			if(this.PreviousButton){
				this.PreviousButton.οnclick=this.GetFunction(this,"Previous");
				this.PreviousButton.οnmοuseοver=this.GetFunction(this,"MouseOver");
				this.PreviousButton.οnmοuseοut=this.GetFunction(this,"MouseOut");
			}
			if(this.NextButton){
				this.NextButton.οnclick=this.GetFunction(this,"Next");
				this.NextButton.οnmοuseοver=this.GetFunction(this,"MouseOver");
				this.NextButton.οnmοuseοut=this.GetFunction(this,"MouseOut");
			}
			this.ScrollContent.οnmοuseοver=this.GetFunction(this,"MouseOver");
			this.ScrollContent.οnmοuseοut=this.GetFunction(this,"MouseOut");
			if(autoStart){
				this.Start();
			}
		}
		ScrollText.prototype={
			$:function (element){
				return document.getElementById(element);
			},
			Previous:function (){
				this.stopscroll=true;
				this.Scroll("up");
			},
			Next:function (){
				this.stopscroll=true;
				this.Scroll("down");
			},
			Start:function (){
				if(this.isSmoothScroll){
					this.AutoScrollTimer=setInterval(this.GetFunction(this,"SmoothScroll"),this.Timeout);
				} else{
					this.AutoScrollTimer=setInterval(this.GetFunction(this,"AutoScroll"),this.Timeout);
				}
			},
			Stop:function (){
				clearTimeout(this.AutoScrollTimer);
				this.DelayTimerStop=0;
			},
			MouseOver:function (){
				this.stopscroll=true;
			},
			MouseOut:function (){
				this.stopscroll=false;
			},
			AutoScroll:function (){
				if(this.stopscroll){
					return;
				}
				this.ScrollContent.scrollTop++;
				if(parseInt(this.ScrollContent.scrollTop)%this.LineHeight!=0){
					this.ScrollTimer=setTimeout(this.GetFunction(this,"AutoScroll"),this.Speed);
				} else{
					if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2){
						this.ScrollContent.scrollTop=0;
					}
					clearTimeout(this.ScrollTimer);
				}
			},
			SmoothScroll:function (){
				if(this.stopscroll){
					return;
				}
				this.ScrollContent.scrollTop++;
				if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2){
					this.ScrollContent.scrollTop=0;
				}
			},
			Scroll:function (direction){
				if(direction=="up"){
					this.ScrollContent.scrollTop--;
				} else{
					this.ScrollContent.scrollTop++;
				}
				if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2){
					this.ScrollContent.scrollTop=0;
				} else if(parseInt(this.ScrollContent.scrollTop)<=0){
					this.ScrollContent.scrollTop=parseInt(this.ScrollContent.scrollHeight)/2;
				}

				if(parseInt(this.ScrollContent.scrollTop)%this.LineHeight!=0){
					this.ScrollTimer=setTimeout(this.GetFunction(this,"Scroll",direction),this.Speed);
				}
			},
			GetFunction:function (variable,method,param){
				return function (){
					variable[method](param);
				}
			}
		}
	</SCRIPT>
	<SCRIPT type="text/javascript">
		scrollnews();
		var scroll1=new ScrollText("newscommend","pre","next",true,2500,false);
	</SCRIPT>
</body>
</HTML>

左右滚动(修改:文字不够宽度时停止滚动)

Html代码 复制代码 运行
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>JS实现文字无间隙滚动代码</title>  
  6. <style type="text/css">  
  7. body{font-size:12px;}   
  8. .sqBorder {width:938px;margin:0px auto;padding:10px;border:1px #91CD5A solid;background:#DAEEB5;}   
  9. .scroll_div {width:936px;margin:0 auto;overflow: hidden;white-space: nowrap;}   
  10. .scroll_div a:hover{color:#FF0000}   
  11. .scroll_div a{color:#000;margin-right:5px;}   
  12. .scroll_div a img{border:none; vertical-align:middle;}   
  13. #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}   
  14. </style>  
  15. </head>  
  16. <body>  
  17. <script language="javascript">  
  18. function ScrollImgLeft(){   
  19. var speed=30;   
  20.     var scroll_begin = document.getElementById("scroll_begin");   
  21.     //alert(scroll_begin.scrollWidth);   
  22.     var scroll_end = document.getElementById("scroll_end");   
  23.     var scroll_div = document.getElementById("scroll_div");   
  24.     if (scroll_begin.scrollWidth > parseInt(document.body.clientWidth) / 2) {   
  25.         scroll_end.innerHTML = scroll_begin.innerHTML;   
  26.         function Marquee() {   
  27.             if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)   
  28.                 scroll_div.scrollLeft -= scroll_begin.offsetWidth   
  29.             else   
  30.                 scroll_div.scrollLeft++   
  31.         }   
  32.         var MyMar = setInterval(Marquee, speed);   
  33.         scroll_div.onmouseover = function() { clearInterval(MyMar) }   
  34.         scroll_div.onmouseout = function() { MyMar = setInterval(Marquee, speed) }   
  35.     }   
  36. }   
  37. </script>  
  38. <div style="text-align:center">  
  39.   <div class="sqBorder">  
  40.     <!--#####滚动区域#####-->  
  41.     <div id="scroll_div" class="scroll_div">  
  42.       <div id="scroll_begin">  
  43.         <ul>  
  44.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  45.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  46.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  47.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  48.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  49.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  50.           <li><a href="#">供需打法在若需寺革基本原则霜期地模压</a></li>  
  51.         </ul>  
  52.       </div>  
  53.       <div id="scroll_end"></div>  
  54.     </div>  
  55.     <!--#####滚动区域#####-->  
  56.   </div>  
  57.   <script type="text/javascript">ScrollImgLeft();</script>  
  58. </div>  
  59. <!--//向左滚动代码结束-->  
  60. </body>  
  61. </html>  
charrysong
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js扩展滚动窗口小插件实现文字左右上下滚动效果实例
任聪聪的博客
11-14 2039
方法一：使用小插件实现，兼容很好 插件代码如下：(function($) { $.fn.jMarquee = function(o) { o = $.extend({ speed:50, step:1,//速度 direction:"up",//方向 visible:1//数量 }, o || {}); //配置参数 var i=
js实现文字左右滚动
wangqiuchen_Study的专栏
04-13 3214
html span class="jrj-red-b ml5">最新要闻：span> div class="jrj-fr" style="width: 760px;position: relative;"> div id="scgl_s1_scroll" style="overflow: hidden; width: 650px;white-space: nowrap;float: rig
文字滚动效果
Kbqy1695713941的博客
12-28 431
index.htm <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
11-26
**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码（支持左移/右移功能）(本示例为上下两行图片进行双行滚动) **实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆， **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置， **因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。 Code highlighting produced by Actipro Code
精美html+css上下滚动,轮播(兼容ie8)
01-06
jquery实现图图片或者文本轮播，上下或者左右可配置，文件中为图片上传循环轮播，拿来即可使用，主要可以兼容ie7及以上版本，可以使用，亲测
JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
12-12
JavaScript 无缝上下滚动加定高定宽停顿效果(兼容ie/ff) JavaScript 无缝上下滚动加定高定宽停顿效果(兼容ie/ff) body {font-size:12px;} .Scroller {line-height:20px; border:1px solid #D4D4D4; padding:0px...
js 实现无缝滚动 兼容IE和FF
12-10
在JavaScript中实现无缝滚动是一种常见的动态效果，常用于新闻滚动条、广告轮播等场景。以下将详细解析如何实现这个效果并确保兼容IE和Firefox浏览器。 1. **基本原理**： - **设定容器尺寸**：首先，我们需要一个...
js新闻上下滚动效果（兼容IE和ff）
01-19
在本示例中，"js新闻上下滚动效果（兼容IE和ff）"指的是利用JavaScript实现一个新闻标题在网页上进行上下滚动的效果，这种效果常见于新闻网站，能够展示多条新闻，同时保持页面空间的有效利用。这个效果不仅在现代...
js文字滚动(IE火狐兼容版)
07-15
js文字滚动(IE火狐兼容版)，兼容主流浏览器！
兼容多种浏览器的公告栏文字滚动效果js代码
06-07
NULL 博文链接：https://liushengit.iteye.com/blog/2338216
平滑文字滚动控件[Smoothscrolltext.rar]-精品源代码
10-11
平滑文字滚动控件[Smoothscrolltext.rar]-精品源代码
实用上下左右滚动的跑马灯JS
10-27
一般网站非常实用的上下左右滚动的跑马灯JS
TextView 字体过长解决方案(实现手动滚动字体)
gacmy的专栏
09-20 1902
今天碰到一个问题TextView 显示文本过长，内容必须还得看见，有的人说，这还不简单，让textview,设置marquee属性 让它自动滚动，你见过哪家app文本过长，都是让它滚动，搞得这么二吗， 还有一种方式，就是让它多行显示，这个，有时候布局的高度不一致，会影响美观。 最后，就是在网上看见的HorizontalView 嵌套textview,这种方法可行。但是，有时候有点坑。 先介绍这
js实现鼠标可实现左滚动右滚动效果
qq_64353584的博客
02-19 2828
需要掌握以下要点知识的基础人员： 掌握html基本元素基础知识 掌握css布局基础知识 js运动基础知识 本实例很简单，重在考研大家的功底 样式css *{ padding: 0; margin: 0; } li{ list-style: none; } img{ border:0; } /* 控制 */ .control{ border-bottom: 1px solid #ccc; background-color: #eee; text-align: center;
物联网工程_基于RFID的食堂食品安全监测系统设计.docx
最新发布
07-20
物联网工程_基于RFID的食堂食品安全监测系统设计
vue+java 从 localhost://8080 跳转 http://10.112.98.121:8081/api/ff/login
12-19
对于vue+java从localhost://8080跳转到...```javascript window.location.href = 'http://10.112.98.121:8081/api/ff/login'; ``` 这将会在当前窗口中打开一个新的URL，并跳转到指定的地址。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值