0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】


游標特效語法




跑馬燈游標

<script language=JavaScript1.2>
<!--
//1) set message to display
var scroller_msg='
台中學苑網頁設計研習班'
//2) set whether message should auto disappear after x seconds (0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:
200px;border:1px solid #000000;font-size:12pt;font-face:細明體;color:#00FF00;background-color:#000000;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+20
curscroll.style.top=document.body.scrollTop+event.clientY+20
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
-->
</script>

 


在 width:150px 中修改跑馬燈的寬度
在 border:1px 中修改框線的粗細
在 solid #00000; 中修改框線的顏色
在 font-size:12pt; 中修改文字的大小
在 font-face:細明體; 中修改文字的字體
在 color:#00000; 中修改文字的顏色
在 background-color:#000000; 中修改跑馬燈的底色
在 curscroll.style.left=document.body.scrollLeft+event.clientX+20 中修改游標左右的位置
在 curscroll.style.top=document.body.scrollTop+event.clientY+20 中修改游標上下的位置

 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │