http://www.javascriptbank.com/rss/form/table/ JavaScript mới nhất: Bảng vi Copyright (C) JavaScriptBank.com 60 [email protected] RSS <img src="http://www.javascriptbank.com/javascript.images/form/javascript-repeated-colours-html-elements.jpg" width="100" height="100" align="left" style="margin: 5px;" />Thỉnh thoảng, trong các đoạn văn dài (thường là tiểu thuyết và truyện chữ) được thể hiện trên web, chúng ta cần tạo sự dễ dàng cho người đọc để theo dõi các thông tin. Chúng ta có thể dùng nhiều cách thức khác nhau như tô sáng đoạn hiện tại khi rê chuột đến, ... Và hôm nay, jsB@nk xin giới thiệu với bạn thêm một sáng kiến nữa: đánh dấu tự động các đoạn thông tin với các dải màu (màu nền). Với đoạn mã này, chúng ta sẽ dễ dàng thực hiện được, vui lòng vào trang ví dụ JavaScript mẫu để xem. http://www.javascriptbank.com/javascript-repeated-colours-html-elements.html 1292569351 <img src="http://www.javascriptbank.com/javascript.images/form/drag-and-drop-table-content-with-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng JavaScript này cho phép người dùng có thể thực hiện kéo thả các ô nội dung của một bảng biểu trên trang web. Với các bảng có số lượng nội dung lớn thì tính năng trượt tự động sẽ được bật. Và bạn vẫn có thể thiết lập một ô nào đó không được phép kéo thả bằng cách gán một <code>className="forbid"</code>. http://www.javascriptbank.com/drag-and-drop-table-content-with-javascript.html 1255596268 <img src="http://www.javascriptbank.com/javascript.images/form/alternating-rows-for-static-spreadsheet.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã JavaScript này kết hợp <a href="/javascript/css/">CSS</a> và <a href="/javascript/">JavaScript</a> để trang trí cho <a href="/javascript/form/">bảng dữ liệu</a> hoạt động trên nền web trở nên đẹp và dễ đọc hơn, bạn chỉ cần tinh chỉnh theo ý thích và sử dụng thoải mái, bởi vì <a href="/javascript/">đoạn mã JavaScript</a> này được tác giả công bố như mã nguồn mã và tuân theo giấy phép <a href="/=Creative Commons License">Creative Commons License</a>. http://www.javascriptbank.com/alternating-rows-for-static-spreadsheet.html 1239583002 <img src="http://www.javascriptbank.com/javascript.images/form/smarttables-sortable-sheet.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng tạo một bảng chứa các dữ liệu có thể thực hiện thao tác <a href="/vi+title=<a href="/vi+title=sắp xếp">sắp xếp</a>"><a href="/vi+title=sắp xếp">sắp xếp</a></a>. http://www.javascriptbank.com/smarttables-sortable-sheet.html 1225499770 <img src="http://www.javascriptbank.com/javascript.images/form/html-table-filter-generator.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng giúp bạn lọc dữ liệu trong bảng dựa vào các số liệu. http://www.javascriptbank.com/html-table-filter-generator.html 1170117154 <img src="http://www.javascriptbank.com/javascript.images/form/sortable-table-with-alternating-row-colors-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng là một bảng dữ liệu và cho phép người d2ung <a href="/vi+title=sắp xếp">sắp xếp</a> theo các trường khác nhau, đồng thời trong quá trình <a href="/vi+title=sắp xếp">sắp xếp</a>, các hàng dữ liệu cũng sẽ được tô màu xen kẽ. http://www.javascriptbank.com/sortable-table-with-alternating-row-colors-index.html 1170117148 <img src="http://www.javascriptbank.com/javascript.images/form/auto-fading-div-script.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này sẽ tạo ra một khung <a href="/javascript/text/animation/">chữ <a href="/vi+title=di chuyển">di chuyển</a></a> theo hướng từ trên xuống và sau đó biến mất. Bạn có thể dễ dàng điều chỉnh những thông số của hiệu ứng như tốc độ <a href="/vi+title=di chuyển">di chuyển</a>, <a href="/vi+title=khoảng cách">khoảng cách</a> di chuyển, khoảng <a href="/javascript/time/">thời gian</a> trước khi biến mất... http://www.javascriptbank.com/auto-fading-div-script.html 1170116802 <img src="http://www.javascriptbank.com/javascript.images/form/floating-flayer-effect.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng sẽ tạo ra một dòng <a href="/javascript/text/animation/">chữ <a href="/vi+title=<a href="/vi+title=di chuyển">di chuyển</a>"><a href="/vi+title=di chuyển">di chuyển</a></a></a> theo hình chữ nhật đồng thời sẽ đổi màu khi sang cạnh mới. Thực chất thì các chữ này được chứa trong các layer, và dĩ nhiên bạn có thể đặt vào các layer này bất cứ đối tượng nào mà bạn thích. http://www.javascriptbank.com/floating-flayer-effect.html 1170116736 <img src="http://www.javascriptbank.com/javascript.images/form/row-rollover.jpg" width="100" height="100" align="left" style="margin: 5px;" /><a href="/javascript/">Hiệu ứng JavaScript</a> này sẽ đổi <a href="/javascript/background/"><a href="/javascript/background/">màu nền</a></a> của các ô trong bảng khi người dùng rê <a href="/javascript/mouse/">con trỏ chuột</a> đến chúng. http://www.javascriptbank.com/row-rollover.html 1170115778 <img src="http://www.javascriptbank.com/javascript.images/form/content-switch-ticker.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này sẽ tạo hiệu ứng mờ ảo cho nội dung khi xuất hiện và biến mất của một đối tượng bảng, khung, div... http://www.javascriptbank.com/content-switch-ticker.html 1170115772