User Tag List

kết quả từ 1 tới 4 trên 4

Ðề tài: Chữ cuộn từ dưới lên

  1. #1
    Bé đi nhà trẻ
    Tham gia ngày
    Aug 2009
    Bài gởi
    44
    Đô
    5,107
    Tài khoản Tiết Kiệm
    0
    Cảm ơn / Thích
    Đề cập
    0 Post(s)
    Tagged
    0 Thread(s)

    Default Chữ cuộn từ dưới lên

    Một đoạn mã JavaScript khác để tạo chữ cuộn trong khung theo chiều từ dưới lên và dừng lại một lúc cho người dùng xem.... chi tiết tại JavaScriptBank.com - 2.000+ free JavaScript codes


    Cách cài đặt

    Bước 1: Đặt mã CSS bên dưới vào phần HEAD
    CSS
    Code:
    <style type="text/css">
    #jump_base {
      overflow-y:hidden;
      width: 200px;
      height: 100px;
      border: 2px dotted #000099;
      margin: auto;
      padding: 0 10px 0 10px;
      font-size: .9em;
      font-family: Verdana, Arial, sans-serif;
    }
    
    #jump_base a {
      color: #000099;
      background-color: inherit;
    }
    
    .news {
      background-color: #DDDDDD;
      color: inherit;
    }
    </style>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Bước 2: Dùng mã JavaScript để cài đặt hiệu ứng
    JavaScript
    Code:
    <script language="javascript">
    // Created by: Mike Hudson :: http://www.afrozeus.com
    
    /*
    To change the values in the setupLinks function below.
    You will notice there are two arrays for each of Titles and
    Links. Currently there are 3 items in each array, but you can easily
    expand on that by adding to the array. For example, to add a 4th record,
    you would simply include the following 2 lines at the end of setupLinks
    function:
    
    arrLinks[3] = "someURL.htm";
    arrTitles[3] = "Some title";
    */
    function setupLinks() {
      arrLinks[0] = "http://forums.webdeveloper.com/forumdisplay.php?s=&forumid=3";
      arrTitles[0] = "If you have any questions, be sure to visit our forums.";
      arrLinks[1] = "http://javascript.internet.com/new/";
      arrTitles[1] = "Don't miss anything — check our new additions.";
      arrLinks[2] = "http://www.webreference.com/programming/javascript/diaries/";
      arrTitles[2] = "Want to learn JavaScript? Start at the beginning.";
    }
    
    var m_iInterval;
    var m_Height;
    //window.onload = wl;
    var iScroll=0;
    
    var arrLinks;
    var arrTitles;
    
    var arrCursor = 0;
    
    var arrMax;
    window.onload=wl;
    
    function wl() {
      m_iInterval = setInterval(ontimer, 10);
      var base = document.getElementById("jump_base");
    
      m_Height = base.offsetHeight;
    
      var divi = parseInt(m_Height/5);
      m_Height = divi*5;
    
      var td1 = document.getElementById("td1");
      var td2 = document.getElementById("td2");
      var td3 = document.getElementById("td3");
      td1.height = m_Height-5;
      td2.height = m_Height-5;
      td3.height = m_Height-5;
    
      arrLinks = new Array();
      arrTitles = new Array();
    
      setupLinks();
      arrMax = arrLinks.length-1;
      setLink();
    }
    function setLink() {
      var ilink = document.getElementById("jump_link");
      ilink.innerHTML = arrTitles[arrCursor];
      ilink.href = arrLinks[arrCursor];
    }
    function ontimer() {
      var base = document.getElementById("jump_base");
      iScroll+=5;
      if (iScroll>(m_Height*2)) {
        iScroll=0;
        arrCursor++;
        if (arrCursor>arrMax)
          arrCursor=0;
        setLink();
      }
      if (iScroll==m_Height) {
        pause();
        m_iInterval = setTimeout(resume, 4000);
      }
      base.scrollTop=iScroll;
    }
    function pause() {
      clearInterval(m_iInterval);
    }
    function resume() {
      m_iInterval = setInterval(ontimer, 10);
    }
    
    
    </script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Bước 3: Đặt mã HTML bên dưới vào phần BODY
    HTML
    Code:
    <div id="jump_base" class="news" onmouseover="pause()" onmouseout="resume()">
      <table class="news">
        <tr>
        <td id="td1"> </td></tr>
        <tr><td id = "td2" valign="middle" align="center"><a id="jump_link" href="" target="_new"></a></td></tr>
    
        <tr><td id="td3"> </td></tr>
      </table>
    </div>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->


    Bạn có thể xem các mã tương tự bên dưới
    - Chữ cuộn kiểu karaokê
    - Chữ cuộn kiểu ticker
    - Chữ cuộn từng kí tự
    Bạn có thể xem thêm nhiều JavaScript khác về ScrollersTheo chiều đứng





  2. #2
    Tiểu học - Đại học chữ to romeo si tình's Avatar
    Tham gia ngày
    May 2006
    Nơi Cư Ngụ
    † Thiên Bình †
    Bài gởi
    477
    Đô
    1,741
    Tài khoản Tiết Kiệm
    0
    Cảm ơn / Thích
    Đề cập
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    học java cũng hay nhỉ tiếc là mình theo bên đồ hoạ
    THIÊN BÌNH
    ( ¯`·.º-:¦:-*THIÊN BÌNH LÃNG TỬ *-:¦:-º.·´¯)
    ^_^!đã yêu xin yêu vô hạn
    đã là bạn xin kết bạn vô bờ
    con người sống phải có ước mơ
    tìm hạnh phúc chứ không cầu xin hạnh phúc
    ^_^!

  3. #3
    Bé còn quấn tã
    Tham gia ngày
    Feb 2011
    Bài gởi
    1
    Đô
    58
    Tài khoản Tiết Kiệm
    0
    Cảm ơn / Thích
    Đề cập
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    code rất hay. cảm ơn bạn nhé



















    ________________________
    tu sieu thi 190ghe luoi 190, ghe hop 190 cùng là sản phẩm của ban hop 190.

  4. #4
    Bé còn quấn tã
    Tham gia ngày
    Jun 2016
    Bài gởi
    4
    Đô
    171
    Tài khoản Tiết Kiệm
    0
    Cảm ơn / Thích
    Đề cập
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    cảm ơn bạn nhé , thanks nhìu nhìu


    __________________________________

    Thời trang nam;
    Áo sơ mi nam;

    Thời trang nữ;
    Áo sơ mi nữ;

Thread Information

Users Browsing this Thread

Hiện đang có 1 tv xem bài này. (0 thành viên và 1 khách)

Quyền Sử Dụng Ở Diễn Ðàn

  • Bạn không được quyền đăng bài
  • Bạn không được quyền trả lời bài viết
  • Bạn không được quyền kèm dữ liệu trong bài viết
  • Bạn không được quyền sửa bài
  •