Follow us on...
Follow us on Twitter Follow us on Facebook Watch us on YouTube

Smartphone WIKO của Pháp chính thức xuất hiện tại Việt Nam

Tìm HD - Phần mềm tìm và xem phim HD miễn phí

Cuộc thi khoảnh khắc tuyệt vời cùng Vn-Zoom.com

Chiêm ngưỡng BaoMoi đẹp "tuyệt diệu" trên Windows Phone

Tuyển thành viên nhóm Reviews diễn đàn

VN-Zoom & ASUS đón siêu phẩm,tăng tốc chuẩn bị ASUS Expo 2014
kết quả từ 1 tới 11 trên 11

Đề tài: Hiệu ứng marquee

  1. #1
    banmaytinhtl's Avatar
    banmaytinhtl vẫn chưa có mặt trong diễn đàn Rìu Sắt Đôi
    Tham gia
    Oct 2008
    Đến từ
    Nơi của "sự cố gắng"
    Bài
    298
    Cảm ơn
    53
    Điểm
    524/85 bài viết
    VR power
    0

    Thumbs up Hiệu ứng marquee

    Hiệu ứng marquee tuy đơn giản nhưng đôi khi đối với người làm web rất cần thiết. Đây là hiệu ứng đơn giản nhất mà ngôn ngữ HTML hỗ trợ. Giữa thẻ marquee, chúng ta có thể đặt văn bản, hình ảnh… Thẻ marquee có những thuộc tính như sau:

    ALIGN="left/right/top/middle/bottom": Canh hàng văn bản so với khung chứa văn bản đó.

    BEHAVIOR="scroll/slide/alternate": Chỉ định kiểu chạy chữ.

    SCROLL (mặc nhiên): Dóng chữ chạy theo một hướng nhất định và lập đi lập lại quá trình đó.

    SLIDE: Chớp, tắt.

    ALTERNATE: Dòng chữ chạy đổi hướng khi đụng đướng biên của khung bao văn bản.

    Thí dụ: <MARQUEE BEHAVIOR=ALTERNATE> Marquee will "bounce" across the screen</MARQUEE>

    BGCOLOR="#rrggbb|colour name": Chỉ định màu nền cho khung chứa văn bản.

    Thí dụ. <MARQUEE BGCOLOR="#F0F8FF">Nice Background colour!<MARQUEE>

    DIRECTION="left/right": Chỉ định hướng chạy của dòng văn bản. Mậc định là từ phải qua trái.

    HEIGHT="value/value%": Chỉ định độ cao của khung bao văn bản. Tính bằng pixels (HEIGHT=n) hay tỷ lệ so với cửa sổ (HEIGHT=n%).

    WIDTH="value|value%": Chỉ định độ rộng.

    HSPACE="value"/ VSPACE="value": Chỉ định khoảng trống giữa <MARQUEE> đến Text bao quanh.

    LOOP="value/-1/infinite": LOOP=n: Chỉ định số vòng lập lại. Nếu n=-1, hay LOOP=INFINITE là lập lại liên tục.

    SCROLLAMOUNT="value": Chỉ định khoảng cách tính bằng pixels giữa các đoạn text cuộn.

    SCROLLDELAY="value": Chỉ định khoảng thời gian giữa các đoạn text cuộn. Có tác dụng điều khiển thời gian.

    Thí dụ : <MARQUEE SCROLLDELAY=1 SCROLLAMOUNT=75>I'm fast</MARQUEE>

    Chú ý: Bạn có thể xác lập font cho marquee. Thí dụ:
    <FONT FACE="Comic Sans MS"><MARQUEE>Hello</MARQUEE>
    chúc các bạn thành công !
    Thay đổi nội dung bởi banmaytinhtl; 23-10-2009 lúc 21:35. Lý do: s
    Cáp HDMI các loại giá rất tốt
    TRUNG TÂM HỔ TRỢ
    website: www.thiennhanpc.com
    Di Động: 0167.4580.953 Gặp Mr. Thanh
    Địa chỉ: Số 4 - Nguyễn Thượng Hiền -- Email: banmaytinhtl@gmail.com

  2. Có 3 thành viên cảm ơn banmaytinhtl cho bài viết này:
    hien1303 (29-11-2009), QBKhanh (25-12-2009), tinhtham (23-12-2011)

  3. #2
    hien1303's Avatar
    hien1303 vẫn chưa có mặt trong diễn đàn Rìu Sắt Đôi
    Tham gia
    Oct 2008
    Bài
    287
    Cảm ơn
    303
    Điểm
    64/48 bài viết
    VR power
    0

    Default

    Thế phải làm thế nào để chữ đang chạy mà mình đặt chuột vào là nó dừng lại ?

  4. #3
    tuanitpro's Avatar
    tuanitpro vẫn chưa có mặt trong diễn đàn Rìu Bạc
    Tham gia
    Mar 2009
    Bài
    304
    Cảm ơn
    4
    Điểm
    133/90 bài viết
    VR power
    0

    Default

    Trích hien1303 View Post
    Thế phải làm thế nào để chữ đang chạy mà mình đặt chuột vào là nó dừng lại ?
    <marquee onmouseover="this.stop()" onmouseout="this.start()">CHAO BAN</marquee>
    Mobile: 097 6060 432 YM: tuanitpro - Skype: tuan.itpro - FB: tuanitpro - Email: tuanitpro@gmail.comBlog: http://tuanitpro.com

  5. Có 1 thành viên cảm ơn tuanitpro cho bài viết này:
    hien1303 (30-11-2009), QBKhanh (25-12-2009)

  6. #4
    banmaytinhtl's Avatar
    banmaytinhtl vẫn chưa có mặt trong diễn đàn Rìu Sắt Đôi
    Tham gia
    Oct 2008
    Đến từ
    Nơi của "sự cố gắng"
    Bài
    298
    Cảm ơn
    53
    Điểm
    524/85 bài viết
    VR power
    0

    Default

    onmouseover=this.stop() onmouseout=this.start
    chỉ có bấy nhiêu thôi
    trong Macromedia Dreamweaver 8 có hỗ trợ bạn chỉ cần biết chút ít về nó là ok
    chúc bạn thành công !
    Thay đổi nội dung bởi banmaytinhtl; 29-11-2009 lúc 21:57. Lý do: s
    Cáp HDMI các loại giá rất tốt
    TRUNG TÂM HỔ TRỢ
    website: www.thiennhanpc.com
    Di Động: 0167.4580.953 Gặp Mr. Thanh
    Địa chỉ: Số 4 - Nguyễn Thượng Hiền -- Email: banmaytinhtl@gmail.com

  7. Có 1 thành viên cảm ơn banmaytinhtl cho bài viết này:
    hien1303 (30-11-2009)

  8. #5
    hien1303's Avatar
    hien1303 vẫn chưa có mặt trong diễn đàn Rìu Sắt Đôi
    Tham gia
    Oct 2008
    Bài
    287
    Cảm ơn
    303
    Điểm
    64/48 bài viết
    VR power
    0

    Default

    Trong DW8 cái hiệu ứng Marquee nằm ở chỗ nào nhỉ , mình tìm mà ko thấy

  9. #6
    kv_wizards's Avatar
    kv_wizards vẫn chưa có mặt trong diễn đàn Rìu Sắt
    Tham gia
    Oct 2009
    Đến từ
    Phú xá - Thái Nguyên
    Bài
    147
    Cảm ơn
    7
    Điểm
    73/39 bài viết
    VR power
    0

    Default

    Trích hien1303 View Post
    Thế phải làm thế nào để chữ đang chạy mà mình đặt chuột vào là nó dừng lại ?
    Để thiết lập hiệu ứng khi trỏ chuột vào thì dừng và trỏ chuột ra thì chạy, bạn phải dùng javaScript chứ không thể chỉ dùng HTML.
    Ở đoạn mã dưới đây dùng sự kiện onmouseover để thiết lập sự kiện trỏ chuột vào đối tượng. Khi sự kiện này xảy ra thì phương thức stop( ) được thực hiện.

    Và sự kiện onmouseout để thiết lập sự kiện trỏ chuột ra khỏi đối tượng. Khi sự kiện này xảy ra thì phương thức start( ) sẽ được gọi.

    <marquee onmouseover="this.stop()" onmouseout="this.start()">KVC22222222222222222</marquee>
    TRUNG TÂM ĐÀO TẠO TIN HỌC 222A - Thái Nguyên
    Địa chỉ: Số nhà 222A - Đường Phú Xá - Thành Phố Thái Nguyên
    *****Nhận đào tạo các phần mềm CAD/CAM:
    Catia; ProEngineer; MasterCAM; SolidWork ...
    ------- Đỗ Minh Khoa - Phú xá - Thái Nguyên - 0983 548880 -------

  10. Có 2 thành viên cảm ơn kv_wizards cho bài viết này:
    bachdung87 (18-12-2009), QBKhanh (25-12-2009)

  11. #7
    hieutt_kha's Avatar
    hieutt_kha vẫn chưa có mặt trong diễn đàn Búa Gỗ
    Tham gia
    Mar 2008
    Bài
    22
    Cảm ơn
    8
    Điểm: 6/1 bài viết
    VR power
    0

    Default

    Cho tôi hỏi: Làm thế nào mà khi ta di chuột lên một vùng (coi như 1 nút đi) thì nó sổ xuống một danh sách phía dưới, sau đó di chuyển chuột xuống danh sách phía dưới thì vùng danh sách đó vẫn giữ nguyên mà không bị mất. Chỉ khi di chuột ra khỏi vùng danh sách và vùng nút kia thì danh sách đó mới biến mất???

    Cảm ơn!!

  12. #8
    kv_wizards's Avatar
    kv_wizards vẫn chưa có mặt trong diễn đàn Rìu Sắt
    Tham gia
    Oct 2009
    Đến từ
    Phú xá - Thái Nguyên
    Bài
    147
    Cảm ơn
    7
    Điểm
    73/39 bài viết
    VR power
    0

    Default

    Trích hieutt_kha View Post
    Cho tôi hỏi: Làm thế nào mà khi ta di chuột lên một vùng (coi như 1 nút đi) thì nó sổ xuống một danh sách phía dưới, sau đó di chuyển chuột xuống danh sách phía dưới thì vùng danh sách đó vẫn giữ nguyên mà không bị mất. Chỉ khi di chuột ra khỏi vùng danh sách và vùng nút kia thì danh sách đó mới biến mất???

    Cảm ơn!!

    Bạn hãy tham khảo bài viết này của mình.
    TRUNG TÂM ĐÀO TẠO TIN HỌC 222A - Thái Nguyên
    Địa chỉ: Số nhà 222A - Đường Phú Xá - Thành Phố Thái Nguyên
    *****Nhận đào tạo các phần mềm CAD/CAM:
    Catia; ProEngineer; MasterCAM; SolidWork ...
    ------- Đỗ Minh Khoa - Phú xá - Thái Nguyên - 0983 548880 -------

  13. #9
    hieutt_kha's Avatar
    hieutt_kha vẫn chưa có mặt trong diễn đàn Búa Gỗ
    Tham gia
    Mar 2008
    Bài
    22
    Cảm ơn
    8
    Điểm: 6/1 bài viết
    VR power
    0

    Default

    Cảm ơn bác kv_wizards. Đoạn mã trên tui đã xem rồi, nhưng mà tui muốn hỏi về mã HTML thôi, tôi không thể dùng Java được. Bác nào có thể giúp tôi không?

  14. #10
    kv_wizards's Avatar
    kv_wizards vẫn chưa có mặt trong diễn đàn Rìu Sắt
    Tham gia
    Oct 2009
    Đến từ
    Phú xá - Thái Nguyên
    Bài
    147
    Cảm ơn
    7
    Điểm
    73/39 bài viết
    VR power
    0

    Default

    Trích hieutt_kha View Post
    Cảm ơn bác kv_wizards. Đoạn mã trên tui đã xem rồi, nhưng mà tui muốn hỏi về mã HTML thôi, tôi không thể dùng Java được. Bác nào có thể giúp tôi không?
    Thế thì chỉ có cách là bạn sử dụng biểu mẫu trong HTML.
    Đoạn mã dưới đây tạo một danh sách với 3 mục:

    <form name="BM1">
    <select name="DanhSach1">
    <option>Muc thu 1</option>
    <option>Muc thu 2</option>
    <option>Muc thu 3</option>
    </select>
    </form>

    Tuy nhiên nếu bạn không sử dụng mã kịch bản như JavaScript hoặc VBScript thì biểu mẫu chẳng có tác dụng đâu bạn à. Bạn vẫn phải dùng JavaScript hoặc VBScript thôi.
    TRUNG TÂM ĐÀO TẠO TIN HỌC 222A - Thái Nguyên
    Địa chỉ: Số nhà 222A - Đường Phú Xá - Thành Phố Thái Nguyên
    *****Nhận đào tạo các phần mềm CAD/CAM:
    Catia; ProEngineer; MasterCAM; SolidWork ...
    ------- Đỗ Minh Khoa - Phú xá - Thái Nguyên - 0983 548880 -------

  15. Có 1 thành viên cảm ơn kv_wizards cho bài viết này:
    QBKhanh (25-12-2009)

  16. #11
    bachdung87's Avatar
    bachdung87 vẫn chưa có mặt trong diễn đàn Thành viên đang bị kỷ luật
    Tham gia
    May 2008
    Bài
    12
    Cảm ơn
    4
    Điểm: 1/1 bài viết
    VR power
    0

    Default

    Đúng Là đơn giản mà Bổ ích.Thank!

 

 

Quyền sử dụng

  • Bạn không thể gửi chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi file đính kèm
  • Bạn không thể tự sửa bài viết của mình
  •