Phiên bản đầy đủ: jsB@nk » Scrollers » Theo chiều đứng » Khung chữ cuộn từng dòng
URL: https://www.javascriptbank.com/onelinescroller.html
Hiệu ứng tạo một hộp thoại chứa các thông tin di chuyển theo chiều từ dưới lên với từng câu theo nguyên tắc trượt.
Phiên bản đầy đủ: jsB@nk » Scrollers » Theo chiều đứng » Khung chữ cuộn từng dòng
URL: https://www.javascriptbank.com/onelinescroller.html
<STYLE>A {COLOR: #aa0000}A:hover {COLOR: #ff0000}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript1.2>// Simple OneLineScrollervar message= new Array()// Configure each message below like this:// message[indexnumber]="text of title|text of copy|URL of link"// You may add as many messages as you like.message[0]="INTERNET GAMES|The latest games, discussions, tricks and cheats from about.com |http://service.bfast.com/bfast/click?bfmid=7279965&siteid=30125004&bfpage=internetgames3"message[1]="WEB CLIP ART|Collections, creation tricks, tutorials and free tools from about.com|http://service.bfast.com/bfast/click?bfmid=7279965&siteid=30125004&bfpage=webclipart3"message[2]="HAPPY CHATTING|Link to an expert from about.com |http://service.bfast.com/bfast/click?bfmid=7279965&siteid=30125004&bfpage=chatting"// height of the scrollerbox (pixels)var scrollerheight=20// width of the titlezone (pixels)var titlezonewidth=120// width of the copyzone (pixels)var copyzonewidth=440// horizonal position: distance to the top border of the window (pixels)var scrollertop=20// vertical position: distance to the left border of the window (pixels)var scrollerleft=20// borderwidth of the scrollervar scrollerborder=2// backgroundcolor for the titlezonevar titlezonebg="330066"// backgroundcolor for the copyzonevar copyzonebg="CC0000"// backgroundcolor for the scrollervar scrollbg="AAAAAA"// The target of your links// possible values are '_blank', '_self', '_top', '_parent' or the name of// the target window for instance 'main'var targetlink="_blank"// font attributes of the titlevar font_titleface="Verdana"var font_titlecolor="FFFFFF"var font_titlesize=1// font attributes of the copytextvar font_copyface="Verdana"var font_copycolor="FFFFFF"var font_copysize=1// set 1 for bold title, set 0 for normal titlevar titlebold=1// set 1 for bold copy, set 0 for normal copyvar copybold=1// set 'right', 'left' or 'center' to align the titlevar titlealign="right"// set 'right', 'left' or 'center' to align the copyvar copyalign="left"// standstill between the messages (milliseconds)var standstill=4000// Do not edit below this linevar pre_titleboldvar after_titleboldvar pre_copyboldvar after_copyboldvar cliptop=0var clipbottom=0var clipleft=0var clipright=titlezonewidth+copyzonewidthvar i_message=0var mes_joinedvar mes_splitvar contenttextvar contentbg=""var step=1var pause=20if (titlebold==1) {pre_titlebold="<b>"after_titlebold="</b>"}else if (titlebold==0) {pre_titlebold=""after_titlebold=""}if (copybold==1) {pre_copybold="<b>"after_copybold="</b>"}else if (copybold==0) {pre_copybold=""after_copybold=""}function initiate() {mes_joined=message[i_message]mes_split=mes_joined.split("|")contenttext="<table cellpadding=4 cellspacing=0 border=0>"contenttext+="<tr valign='top'>"contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"contenttext+=pre_titleboldcontenttext+=mes_split[0]contenttext+=after_titleboldcontenttext+="</font></a></td>"contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"contenttext+=pre_copyboldcontenttext+=mes_split[1]contenttext+=after_copyboldcontenttext+="</font></td></tr>"contenttext+="</table>"var bg_width=titlezonewidth+copyzonewidth+2*scrollerbordervar bg_height=scrollerheight+2*scrollerbordercontentbg="<table width="+bg_width+" height='"+bg_height+"' cellpadding=0 cellspacing=0 border='"+scrollerborder+"'><tr><td bgcolor='"+scrollbg+"'> </td></tr></table>"if (document.all) {scrollertext.innerHTML=contenttextscrollerbg.innerHTML=contentbgdocument.all.scrollertext.style.posTop=scrollertop+scrollerheightdocument.all.scrollertext.style.posLeft=scrollerleftdocument.all.scrollerbg.style.posTop=scrollertop-scrollerborderdocument.all.scrollerbg.style.posLeft=scrollerleft-scrollerborderdocument.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"scrollin()}if (document.layers) {document.scrollertext.document.write(contenttext)document.scrollertext.document.close()document.scrollerbg.document.write(contentbg)document.scrollerbg.document.close()document.scrollertext.top=scrollertop+scrollerheightdocument.scrollertext.left=scrollerleftdocument.scrollerbg.top=scrollertop-scrollerborderdocument.scrollerbg.left=scrollerleft-scrollerborderdocument.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottomscrollin()}}function scrollin(){if (document.all){if (document.all.scrollertext.style.posTop>scrollertop) {clipbottom+=stepdocument.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"document.all.scrollertext.style.posTop-=stepvar timer=setTimeout("scrollin()",pause)}else {clearTimeout(timer)var timer=setTimeout("scrollout()",standstill)}}if (document.layers){if (document.scrollertext.top>scrollertop) {clipbottom+=stepdocument.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottomdocument.scrollertext.top-=stepvar timer=setTimeout("scrollin()",pause)}else {clearTimeout(timer)var timer=setTimeout("scrollout()",standstill)}}}function scrollout(){if (document.all){if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)) {cliptop+=stepdocument.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"document.all.scrollertext.style.posTop-=stepvar timer=setTimeout("scrollout()",pause)}else {clearTimeout(timer)changemessage()}}if (document.layers){if (document.scrollertext.top>(scrollertop-scrollerheight)) {cliptop+=stepdocument.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottomdocument.scrollertext.top-=stepvar timer=setTimeout("scrollout()",pause)}else {clearTimeout(timer)changemessage()}}}function changemessage(){i_message++if (i_message>message.length-1) {i_message=0}mes_joined=message[i_message]mes_split=mes_joined.split("|")cliptop=0clipbottom=0contenttext="<table cellpadding=4 cellspacing=0 border=0>"contenttext+="<tr valign='top'>"contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"contenttext+=pre_titleboldcontenttext+=mes_split[0]contenttext+=after_titleboldcontenttext+="</font></a></td>"contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"contenttext+=pre_copyboldcontenttext+=mes_split[1]contenttext+=after_copyboldcontenttext+="</font></td></tr>"contenttext+="</table>"if (document.all) {scrollertext.innerHTML=contenttextdocument.all.scrollertext.style.posTop=scrollertop+scrollerheightdocument.all.scrollertext.style.posLeft=scrollerleftdocument.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"scrollin()}if (document.layers) {document.scrollertext.document.write(contenttext)document.scrollertext.document.close()document.scrollertext.top=scrollertop+scrollerheightdocument.scrollertext.left=scrollerleftdocument.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottomscrollin()}}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=initiate()><DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV><DIV id=scrollertext style="POSITION: absolute; TOP: -1000px"></DIV></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->