[br]1 各種跑馬燈代碼： [br]2 實現跑馬燈的方法很多，其中最簡單的是采用一句Html代碼來實現，我們在需要出現跑馬燈效果的地方插入“＜marquee＞滾動的文字＜/marquee＞”語句，它的效果如下所示： [br]3 滾動的文字 [br]4 適當的運用＜marquee＞標簽的參數，可以表現出不同的效果，請看下面的幾個例子： [br]5 1、左右彈來彈去的跑馬燈 [br]6 彈來彈去跑馬燈! [br]7 實現的方法就是在IE的標簽上稍微多加了幾個參數產生了更加豐富的變化。設置behavior=alternate表示雙向移動，direction=left表示運動方向向左。marquee的寬度可以使用絕對象素值，例如width=200等這個值限定了跑馬燈滾動的范圍。需要說明的是該效果在Netscape下是看不到的。 [br]8 源碼粘貼框： [br]9 ＜marquee width=400 behavior=alternate direction=left align=middle border=1＞彈來彈去跑馬燈!＜/marquee＞ [br]10 [br]11 ２、跑的很快的跑馬燈 [br]12 跑的很快跑馬燈!　 [br]13 只要在＜marquee＞標簽內加上“scrollamount=30”參數即可。 [br]14 ３、帶有超級鏈接的跑馬燈 [br]15 帶有超鏈接的跑馬燈!點我試試？　　　　　　　　　　還有一條呢!點我試試？　 [br]16 其實實現的方法很簡單，把整個＜marquee＞＜/marquee＞語句包含在超鏈接中就行，你看看下面的代碼就清楚了。當然你也可以把包含在＜marquee＞＜/marquee＞中的各條內容分別加上不同的鏈接，這樣的跑馬燈用來發布滾動新聞或是做站點導航再合適不過了。 [br]17 源碼粘貼框： [br]18 ＜marquee width=90%＞ [br]19 ＜a href=http://www.22.tc/　target=_blank＞帶有超鏈接的跑馬燈!點我試試？＜/a＞ [br]20 ＜a href=http://www.22.tc/　target=_blank＞還有一條呢!點我試試？＜/a＞ [br]21 ＜/marquee＞ [br]22 以上幾個例子都是＜marquee＞標簽參數的應用，下面把所有可以利用的參數列在表中供你參考，不過還是要提醒你，＜marquee＞標簽只被IE所支持，使用Netscape瀏覽器是看不到的噢。 [br]23 參數 用法介紹 [br]24 behavior=scroll, slide, alternate 跑馬方式：循環繞行，只跑一次就停住，來回往復運動 [br]25 direction=left,right ,up,down 跑馬方向：從左向右，從右向左 [br]26 loop=100 跑馬次數：循環100次，如不寫默認為一直循環 [br]27 width=100%,height=200 跑馬范圍：寬為100%，高為200像素 [br]28 scrollamount=20 跑馬速度：數越大越快 [br]29 scrolldelay=500 跑馬延時：毫秒數，利用它可實現躍進式滾動 [br]30 hspace=20，vspace=20 跑馬區域與其它區域間的空白大小 [br]31 bgcolor=#00FFCC 跑馬區域的背景顏色 [br]32 id=gonggao 指定Id [br]33 οnmοuseοut=gonggao.start() 鼠標離開時重新滾動 [br]34 οnmοuseοver=gonggao.stop() 鼠標放上去時停止 [br]35 [br]36 4、超鏈接的跑馬燈式提示信息 [br]37 　　把你的“老鼠”移到下面鏈接上試一試，有什么不同呢？原來彈出了一條跑馬燈式的提示信息，這是怎么實現的呢，請接著看： [br]38 　　源碼粘貼框： [br]39 1)將下面代碼放在＜body＞標簽下： [br]40 ＜script＞ [br]41 if (!document.layers&&!document.all) [br]42 event="test" [br]43 function showtip2(current,e,text){ [br]44 if (document.all&&document.readyState=="complete"){ [br]45 document.all.tooltip2.innerHTML='＜marquee style="border:1px solid black"＞'+text+'＜/marquee＞' [br]46 document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 [br]47 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 [br]48 document.all.tooltip2.style.visibility="visible" [br]49 } [br]50 else if (document.layers){ [br]51 document.tooltip2.document.nstip.document.write('＜b＞'+text+'＜/b＞') [br]52 document.tooltip2.document.nstip.document.close() [br]53 document.tooltip2.document.nstip.left=0 [br]54 currentscroll=setInterval("scrolltip()",100) [br]55 document.tooltip2.left=e.pageX+10 [br]56 document.tooltip2.top=e.pageY+10 [br]57 document.tooltip2.visibility="show" [br]58 } [br]59 } [br]60 function hidetip2(){ [br]61 if (document.all) [br]62 document.all.tooltip2.style.visibility="hidden" [br]63 else if (document.layers){ [br]64 clearInterval(currentscroll) [br]65 document.tooltip2.visibility="hidden" [br]66 } [br]67 } [br]68 function scrolltip(){ [br]69 if (document.tooltip2.document.nstip.left＞=-document.tooltip2.document.nstip.document.width) [br]70 document.tooltip2.document.nstip.left-=5 [br]71 else [br]72 document.tooltip2.document.nstip.left=150 [br]73 } [br]74 ＜/script＞ [br]75 2)然后在要出現提示信息的鏈接中，添加onMouseover語句： [br]76 ＜a href="pm23.htm" ＞跑馬燈大全(一)＜/a＞ [br]77 ＜a href="/pc/index.htm" ＞電腦交互教程＜/a＞ [br]78 ＜a href="pmjq00.htm" ＞網頁制作技巧技巧＜/a＞ [br]79 　　實現步驟： [br]80 　　(1)先在＜body＞標簽下面插入一段JavaScript代碼； [br]81 　　(2)然后在需要實現跑馬燈式提示信息效果的超鏈接中加入Onmouseover和Onmouseout語句。 [br]82

總結

以上是生活随笔為你收集整理的php实现跑马灯闪亮,易达CMS实现跑马灯特效！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。