움직이는글씨속도

쿠욱키 2005. 10. 29. 17:57

이제 움직이는 글씨 속도를 제어해봅시다...
아래의 태그를 메모장을 열어 그대로 써보세여~!! ^^;;

Tag

<html> <head> <script type="text/javascript">if (!window.T) { window.T = {} } window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":5625759,"name":"pshto","title":"Happy Everyday","isDormancy":false,"nickName":"쿠욱키","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=https://pshto.tistory.com/m/4875091","DEFAULT_URL":"https://pshto.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"IS_SCRAPABLE":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","PHASE":"prod","ROLE_GROUP":"visitor"}; window.T.entryInfo = {"entryId":4875091,"isAuthor":false,"categoryId":1191931,"categoryLabel":"태그에 대해서 한번 배워볼까요?"}; window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"}; window.initData = {}; window.TistoryBlog = { basePath: "/m", url: "https://pshto.tistory.com", tistoryUrl: "https://pshto.tistory.com", manageUrl: "https://pshto.tistory.com/manage", token: "W+ZbbqXpvXVu383J+fFN/2xVEDS+sViY6g0wSl5AVRDb8ZE84XikNzgI2ky2biaz" }; var servicePath = ""; var blogURL = "";window.T.gnbContext = {"userId":0,"userName":"","profileSrc":"https://t1.daumcdn.net/tistory_admin/blog/admin/profile_default_03.png","storyServiceURI":{"storyHome":"https://storyhome.kakao.com/","brunchStory":"https://brunch.co.kr/","kakaoStory":"https://story.kakao.com/"},"blogs":[],"tryAutoLogin":false};</script> <title>속도</title> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-2ef475eebbdf9ed87a9c06169b5b6225203dbf8e/static/style/revenue.css"/> <link rel="canonical" href="https://pshto.tistory.com/4875091"/>  <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://pshto.tistory.com/m/4875091","name":null},"url":"https://pshto.tistory.com/m/4875091","headline":"움직이는글씨속도","description":"이제 움직이는 글씨 속도를 제어해봅시다... 아래의 태그를 메모장을 열어 그대로 써보세여~!! ^^;; Tag 속도 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 실행결과 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 'scrolldelay'는 스크롤 지연값을 정해줌미..","author":{"@type":"Person","name":"쿠욱키","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2005-10-29T17:57:01+09:00","dateModified":"2005-10-29T17:57:01+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}} </script>  </head> <body> <marquee scrolldelay="100"> 글씨의 속도 제어 </marquee><br><br> <marquee scrolldelay="300"> 글씨의 속도 제어 </marquee><br><br> <marquee scrolldelay="500"> 글씨의 속도 제어 </marquee><br><br> <marquee scrolldelay="1000"> 글씨의 속도 제어 </marquee><br><br> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"5625759-4875091","customProps":{"userId":"0","blogId":"5625759","entryId":"4875091","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"4875091","entryTitle":"움직이는글씨속도","entryType":"POST","categoryName":"태그에 대해서 한번 배워볼까요?","categoryId":"1191931","serviceCategoryName":null,"serviceCategoryId":null,"author":"5530530","authorNickname":"쿠욱키","blogNmae":"Happy Everyday","image":"","plink":"/m/4875091","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/polyfills-legacy.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>

실행결과

글씨의 속도 제어

글씨의 속도 제어

글씨의 속도 제어

글씨의 속도 제어

'scrolldelay'는 스크롤 지연값을 정해줌미돠.. 보시면 아시겠지만....가장 큰 값이 속도가 가장 느린것을 알수 있습니다.

글씨를 조절해주는 다른 명령어를 써봅시다....

Tag

<html> <head> <script type="text/javascript">if (!window.T) { window.T = {} } window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":5625759,"name":"pshto","title":"Happy Everyday","isDormancy":false,"nickName":"쿠욱키","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=https://pshto.tistory.com/m/4875091","DEFAULT_URL":"https://pshto.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"IS_SCRAPABLE":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","PHASE":"prod","ROLE_GROUP":"visitor"}; window.T.entryInfo = {"entryId":4875091,"isAuthor":false,"categoryId":1191931,"categoryLabel":"태그에 대해서 한번 배워볼까요?"}; window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"}; window.initData = {}; window.TistoryBlog = { basePath: "/m", url: "https://pshto.tistory.com", tistoryUrl: "https://pshto.tistory.com", manageUrl: "https://pshto.tistory.com/manage", token: "W+ZbbqXpvXVu383J+fFN/2xVEDS+sViY6g0wSl5AVRDb8ZE84XikNzgI2ky2biaz" }; var servicePath = ""; var blogURL = "";window.T.gnbContext = {"userId":0,"userName":"","profileSrc":"https://t1.daumcdn.net/tistory_admin/blog/admin/profile_default_03.png","storyServiceURI":{"storyHome":"https://storyhome.kakao.com/","brunchStory":"https://brunch.co.kr/","kakaoStory":"https://story.kakao.com/"},"blogs":[],"tryAutoLogin":false};</script> <title>움직이는 글씨 속도</title> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-2ef475eebbdf9ed87a9c06169b5b6225203dbf8e/static/style/revenue.css"/> <link rel="canonical" href="https://pshto.tistory.com/4875091"/>  <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://pshto.tistory.com/m/4875091","name":null},"url":"https://pshto.tistory.com/m/4875091","headline":"움직이는글씨속도","description":"이제 움직이는 글씨 속도를 제어해봅시다... 아래의 태그를 메모장을 열어 그대로 써보세여~!! ^^;; Tag 속도 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 실행결과 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 글씨의 속도 제어 'scrolldelay'는 스크롤 지연값을 정해줌미..","author":{"@type":"Person","name":"쿠욱키","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2005-10-29T17:57:01+09:00","dateModified":"2005-10-29T17:57:01+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}} </script>  </head> <body> <marquee scrollamount=1> 움직이는 글씨 속도 </marquee><br><br> <marquee scrollamount=2> 움직이는 글씨 속도 </marquee><br><br> <marquee scrollamount=50> 움직이는 글씨 속도 </marquee><br><br> <marquee scrollamount=100> 움직이는 글씨 속도 </marquee><br><br> <marquee scrollamount=1000> 움직이는 글씨 속도 </marquee><br><br> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"5625759-4875091","customProps":{"userId":"0","blogId":"5625759","entryId":"4875091","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"4875091","entryTitle":"움직이는글씨속도","entryType":"POST","categoryName":"태그에 대해서 한번 배워볼까요?","categoryId":"1191931","serviceCategoryName":null,"serviceCategoryId":null,"author":"5530530","authorNickname":"쿠욱키","blogNmae":"Happy Everyday","image":"","plink":"/m/4875091","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/polyfills-legacy.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>

실행결과

움직이는 글씨 속도

움직이는 글씨 속도

움직이는 글씨 속도

움직이는 글씨 속도

움직이는 글씨 속도

scrollamount는 스크롤 속도를 조절해주는 명령어입니다.
여기서는 수치가 적을수록 움직이는 속도가 느립니다.
맨 아래 scrollamount=500의 명령어를 줬더니..속도가 너무 빨라서... 그냥 그 자리에 깜빡이구 있는것처럼 보이는 거져...^^:;

정리해서 써드리면...

명령어	설명
scrolldelay	스크롤의 지연값을 정해줌 수치가 클수록 속도가 빨라짐.
scrollamount	스크롤의 이동량을 조절해줌 수치가 클수록 속도가 느려짐.