7 × 24小時服務熱線:18605391786  4000-999-221  關于我們  聯系我們   付款方式  網站地圖   加為收藏       
您當前的位置:首頁 >  新聞中心 > 網頁技巧 > MARQUEE代碼文字圖片向上下左右滾動,文字圖片向下滾動,文字圖片向右滾動等代碼無縫滾動代碼

MARQUEE代碼文字圖片向上下左右滾動,文字圖片向下滾動,文字圖片向右滾動等代碼無縫滾動代碼 

信息來自:炫維網絡    發布日期:2012-11-20   瀏覽次數:  
各種MARQUEE代碼,文字圖片向上滾動,文字圖片向下滾動,文字圖片向右滾動等代碼,圖片向左無縫滾動代碼在最下面,

1.建立第一個滾動字幕。代碼:<MARQUEE scrollAmount=2 width=300 bgColor=#e5ebf0>臨沂網站建設炫維網絡www.0972138.live</MARQUEE>

效果如: 臨沂網站建設炫維網絡www.0972138.live

2.各參數詳解:
a)scrollAmount:它表示速度,值越大速度越快。如果沒有它,默認為6,建議設為1~3比較好。
b)width和height:表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。
c)direction:表示滾動的方向,默認為從右向左:←←←。可選的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。
d)scrollDelay:這也是用來控制速度的,默認為90,值越大,速度越慢。通常scrollDelay是不需要設置的。
e)behavior。用它來控制屬性,默認為循環滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然后停止滾動)

3.實例:

a)如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上和就可以了。如下效果,代碼是 <MARQUEE scrollAmount=2 width=300 bgColor=#e5ebf0><a href="" target="_blank">臨沂網站建設</a>炫維網絡<a href="">www.0972138.live</a></MARQUEE>

,點擊臨沂網站建設炫維網絡www.0972138.live就可以進入了:效果如下

臨沂網站建設炫維網絡www.0972138.live


b)如何制作當鼠標經過或停留在文字上,文字停止滾動?

代碼如: <MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=2 width=300>臨沂網站建設炫維網絡www.0972138.live</MARQUEE>
效果如:

臨沂網站建設炫維網絡www.0972138.live

c)交替效果。就是如果從右向左滾動結束了之后就會從左到右反向滾動。自動代碼如: <MARQUEE id=e scrollAmount=2 width=150 behavior=alternate>臨沂網站建設炫維網絡www.0972138.live</MARQUEE>

效果如:

臨沂網站建設炫維網絡www.0972138.live

d)多行文本向上滾動。代碼如:<MARQUEE scrollAmount=2 direction=up width=200 height=80>·歡迎您!<BR>·常來光顧啊<BR>·祝你快樂每一天
<P style="LINE-HEIGHT: 150%">·<A href="">臨沂網站建設炫維網絡www.0972138.live</A></P></MARQUEE>

效果如:

·歡迎您!
·常來光顧啊
·祝你快樂每一天

·臨沂網站建設炫維網絡www.0972138.live

·注意:如果你的網頁經過了FrontPage編輯,保存之后,只能滾動一行,這時候你發現你原來的代碼順序已經變了,My god!解決的辦法是,找出原來的代碼,把它嵌入到JavaScript的document.write中即可,上述代碼寫為:
_fcksavedurl=">臨沂網站建設炫維網絡www.0972138.live’)"

e)改變滾動字幕的顏色?可以用樣式表來控制。如下效果,代碼是 <MARQUEE scrollAmount=2 width=300><A style="COLOR: #cc6600">臨沂網站建設炫維網絡www.0972138.live!</A></MARQUEE>
臨沂網站建設炫維網絡www.0972138.live!


第一個無縫向上滾動的代碼(請一個一個的復制,都放在一起,因為都是script的會有沖突,還是一個一個復制出來比較好)

圖片文字無縫向上滾動代碼
如下:復制以下代碼記事本,另存為HTML文件查看效果

<!-- 代碼開始 -->

<div id="marquees">
<br>
<A href="/" target=_blank>炫維網絡</A> <br><br>
<A href="/" target=_blank>臨沂網絡公司</A> <br><br>
<A href="/" target=_blank>臨沂網站制作</A> <br><br>
<A href="/" target=_blank>臨沂建站</A> <br><br>
<A href="/" target=_blank>臨沂網站建設</A> <br><br>
<A href="/" target=_blank>炫維網絡工程有限公司</A> <br><br>
</div>
<script language="JavaScript">

marqueesHeight=165;
stopscroll=false;

with(marquees){
style.width=200;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write(’<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>’);

preTop=0; currentTop=0;

function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollUp()",20);
}
document.body.onload=init;

function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>

<!-- 代碼結束 -->


請保留轉載鏈接,謝謝!本文章來自炫維網絡/ 原文鏈接:/a/184.html

第二個無縫向上滾動的代碼(請一個一個的復制,都放在一起,因為都是script的會有沖突,還是一個一個復制出來比較好)

<html><head><title>最好的網絡公司</title></head><body><marquee id="mar1" direction="up" scrollamount=0 height="210" onmouseout="speed=3;" onmouseover="speed=0;"> <A href="/" target=_blank>炫維網絡</A> <br><br>
<A href="/" target=_blank>臨沂網絡公司</A> <br><br>
<A href="/" target=_blank>臨沂網站制作</A> <br><br>
<A href="/" target=_blank>臨沂建站</A> <br><br>
<A href="/" target=_blank>臨沂網站建設</A> <br><br>
<A href="/" target=_blank>炫維網絡工程有限公司</A> <br><br> </marquee><br />marquee的寬:<input type="text" value="300" id="t" /><input type="button" value="設置"onclick="document.getElementById(’mar1’).style.width=document.getElementById(’t’).value;" /><script language="javascript">var iheight=parseInt(document.getElementById("mar1").scrollHeight);document.getElementById("mar1").stop();document.getElementById("mar1").scrollTop=210;var speed=3;document.getElementById("mar1").innerHTML+=document.getElementById("mar1").innerHTML;function movemarquee(){ var mar=document.getElementById("mar1");if(mar.scrollTop>=iheight){  mar.scrollTop=210;} mar.scrollTop=parseInt(mar.scrollTop)+speed;}setInterval("movemarquee()",190);</script></body></html>

 


另外一個無縫向上滾動的代碼。(請一個一個的復制,都放在一起,因為都是script的會有沖突,還是一個一個復制出來比較好)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文字列表無縫向上滾動JavaScript代碼</title>
<style>
*{margin:0px;padding:0px;border:0px;}
body{font-size:12px}
#demo1{
height:auto;
text-align:left;
}
#demo2{
height:auto;
text-align:left;
}
#demo1  li{
list-style-type:none;
height:22px;
background:url() no-repeat left center;
text-align:left;
text-indent:15px;
}
#demo2  li{
list-style-type:none;
height:22px;
background:url() no-repeat left center;
text-align:left;
text-indent:15px;
}
</style>
</head>
<body>
<div id="demo" style="overflow:hidden;height:80px;width:280px;">
<ul id="demo1">
<li><A href="/" target=_blank>炫維網絡</A> <br><br></li>
<li><A href="/" target=_blank>臨沂網絡公司</A> <br><br></li>
<li><A href="/" target=_blank>臨沂網站制作</A> <br><br></li>
<li><A href="/" target=_blank>臨沂建站</A> <br><br></li>
<li><A href="/" target=_blank>臨沂網站建設</A> <br><br></li>
<li><A href="/" target=_blank>炫維網絡工程有限公司</A> <br><br></li>

</ul>
<div id="demo2"></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
  demo.scrollTop-=demo1.offsetHeight
else{
  demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>

做服務最好的網絡公司:
臨沂網絡公司http://www.0972138.live
更多
臨沂網站建設豪華團隊!www.0972138.live
臨沂網絡公司

炫維網絡 www.0972138.live
建站咨詢電話:18605391786  郵箱:[email protected]  
地址:山東省臨沂市蘭山區通達路367號 裕城大廈   
  
福建31选7开奖中奖公告 北京赛车pk10登录平台 516正规的诚信棋牌官网 全网信誉的棋牌 22选5什么时候开奖 欧冠决赛录像 河北11选五一定牛跨度 福建体彩11选五预测 上海雀友麻将机质量怎么样 一头单双中特高手官方 江西多乐彩11选五开奖结果 长春麻将微乐真人版 pk10qq群 码件是什么意思 浙江6+1开奖结果走势图带连线 大众麻将四人麻将下载 20选5中几个有奖