http://www.javascriptbank.com/rss/menu/floatable/ JavaScript mới nhất: Có thể di chuyển vi Copyright (C) JavaScriptBank.com 60 [email protected] RSS <img src="http://www.javascriptbank.com/javascript.images/menu/omni-slide-menu.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng tạo ra các <a href="/javascript/menu/">trình đơn</a> trượt nằm ở nhiều vị trí khác nhau trên trang web: top, left, right. Các <a href="/javascript/menu/">trình đơn</a> này có tốc độ trượt khác nhau mỗi khi người dùng rê <a href="/javascript/mouse/">con trỏ chuột</a> đến và đồng thời chúng cũng có khả năng tự động trượt theo các <a href="/javascript/browser/scrollbar/">thanh cuộn</a> của trang web. Các cài đặt của những menu này nằm trong các tập tin <code>.js</code> bên ngoài nhằm tạo sự thuận lợi cho việc chỉnh sửa. http://www.javascriptbank.com/omni-slide-menu.html 1188866049 <img src="http://www.javascriptbank.com/javascript.images/menu/move-down-menu.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã tạo một <a href="/javascript/menu/">trình đơn</a> với các mục chọn nằm ẩn ở phía trên trang web, mỗi khi người dùng rê <a href="/javascript/mouse/"><a href="/javascript/mouse/">con trỏ chuột</a></a> đến <a href="/javascript/status/title-effect/"><a href="/javascript/status/title-effect/">tiêu đề</a></a> của <a href="/javascript/menu/">trình đơn</a> thì các nó sẽ trượt xuống. http://www.javascriptbank.com/move-down-menu.html 1170117190 <img src="http://www.javascriptbank.com/javascript.images/menu/vertical-slide-in-slide-out-menu-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng dùng các <a href="/javascript/image/">hình ảnh</a> để tạo ra các <a href="/javascript/menu/">trình đơn</a> trượt nằm ở phía trái trang web. Ban đầu các <a href="/javascript/menu/">trình đơn</a> này chỉ hiển thị phần <a href="/javascript/status/title-effect/">tiêu đề</a>, để xem các tùy chọn, bạn phải dùng chuột nhấn vào phần <a href="/javascript/status/title-effect/">tiêu đề</a> các của menu. http://www.javascriptbank.com/vertical-slide-in-slide-out-menu-index.html 1170116374 <img src="http://www.javascriptbank.com/javascript.images/menu/top-slide-menu-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng dùng các <a href="/javascript/image/">hình ảnh</a> để tạo ra các <a href="/javascript/menu/">trình đơn</a> trượt nằm ở đầu trang web. Ban đầu các <a href="/javascript/menu/">trình đơn</a> này chỉ hiển thị phần <a href="/javascript/status/title-effect/">tiêu đề</a>, để xem các tùy chọn, bạn phải dùng chuột nhấn vào phần <a href="/javascript/status/title-effect/">tiêu đề</a> các của menu. http://www.javascriptbank.com/top-slide-menu-index.html 1170116372 <img src="http://www.javascriptbank.com/javascript.images/menu/sticky-menu-bar.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng tạo một <a href="/javascript/menu/">trình đơn</a> ẩn trong logo của website. Logo này tự động trượt theo các thanh trạng và mỗi khi người dùng rê <a href="/javascript/mouse/">con trỏ chuột</a> đến logo thì <a href="/javascript/menu/">trình đơn</a> sẽ được hiển thị, và khi rê <a href="/javascript/mouse/">con trỏ chuột</a> ra khỏi menu sau một khoảng <a href="/javascript/time/">thời gian</a> thì menu sẽ chuyển thành logo như cũ. Một hiệu ứng rất tuyệt dùng để tiết kiệm không gian trên tran web. http://www.javascriptbank.com/sticky-menu-bar.html 1170116370 <img src="http://www.javascriptbank.com/javascript.images/menu/bottom-menu-scroller.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này tạo ra một <a href="/javascript/menu/">trình đơn</a> nằm ở dưới trang web và luôn <a href="/vi+title=di chuyển">di chuyển</a> theo các <a href="/javascript/browser/scrollbar/">thanh trượt</a>, đồng thời bạn có thể ẩn hoặc hiện <a href="/javascript/menu/">trình đơn</a> này một cách dễ dàng thông qua các <a href="/javascript/link/">liên kết</a> Show/Hide Menu. http://www.javascriptbank.com/bottom-menu-scroller.html 1170116363 <img src="http://www.javascriptbank.com/javascript.images/menu/slide-menu.jpg" width="100" height="100" align="left" style="margin: 5px;" />Khi người dùng chọn một <a href="/javascript/menu/">trình đơn</a>, <a href="/javascript/">đoạn mã JavaScript</a> sẽ làm cho khung chứa nội dung của <a href="/javascript/menu/">trình đơn</a> được chọn tự động trượt ra trượt vào. http://www.javascriptbank.com/slide-menu.html 1170116351 <img src="http://www.javascriptbank.com/javascript.images/menu/dynamic-news-menu-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng tạo các <a href="/javascript/menu/">trình đơn</a> chứa tin tức <a href="/vi+title=di chuyển">di chuyển</a> từ dưới len theo hai cách: các tin tức <a href="/vi+title=di chuyển">di chuyển</a> đều hoặc di chyển theo từng tin một.Bạn có thể chọn một trong hai cách và thay đổi các thông số cho phù hợp để áp dụng cho wbsite của mình. http://www.javascriptbank.com/dynamic-news-menu-index.html 1170116338 <img src="http://www.javascriptbank.com/javascript.images/menu/sliding-text-menu.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một đoạn mã khác để tạo hiệu ứng một menu nhiều cấp trên trang web. http://www.javascriptbank.com/sliding-text-menu.html 1170116337 <img src="http://www.javascriptbank.com/javascript.images/menu/menu-sliding-image-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã dùng <a href="/javascript/image/">hình ảnh</a> để tạo ra một <a href="/javascript/menu/">trình đơn</a> với các mục chọn ter6n trang web, sau đó dùng thêm các ảnh phụ để làm cho <a href="/javascript/menu/">trình đơn</a> sống động hơn với <a href="/javascript/background/">ảnh nền</a> chạy qua lại. http://www.javascriptbank.com/menu-sliding-image-index.html 1170116319