Thống kê diễn đàn
- Latest topics» Sửa chữa xe ôtô lưu động tại Hòa Bình
by trungnghia828282 14/10/2022, 8:47 am
» Chiêm bái đền Chúa Thác Bờ đầu xuân
by trungnghia828282 14/2/2022, 8:43 am
» Hấp dẫn du xuân đi lễ đền Chúa Thác Bờ
by trungnghia828282 4/2/2022, 7:38 am
» Bìa carton trắng, Thùng carton màu trắng
by trungnghia828282 1/7/2021, 9:08 am
» Tham quan nhà máy thuỷ điện Hoà Bình
by trungnghia828282 22/6/2021, 2:54 pm
» Lồng nuôi cá VietGAP trên sông Đà
by trungnghia828282 14/4/2020, 3:03 pm
» Công Ty Cổ Phần Thương Mại Và Du Lịch Trịnh Gia
by trungnghia828282 4/1/2020, 4:22 pm
» Nhà máy Thủy Điện Hòa Bình
by trungnghia828282 31/12/2019, 8:46 am
» Tảo xoắn Spirulina Nhật Bản có tốt khống? Giá bao nhiêu?
by nguyentrang0402 2/11/2019, 10:08 am
» Giá gạch ốp tường và gạch lát nền khác nhau như thế nào?
by huesagi221194 16/9/2019, 4:46 pm
» Dự Án Thanh Hà - tiện ích đẳng cấp & hiện đại
by nguyentienboidp 27/8/2019, 10:26 pm
» Một góc tuyến phố đi bộ dự án Mường Thanh Gò Vấp
by nguyentienboidp 25/8/2019, 12:01 am
» Căn hộ dự án Thanh Hà được thiết kế châu Âu
by nguyentienboidp 22/8/2019, 11:26 pm
» Tổ hợp tiệc tùng tại dự án mường thanh gò vấp
by nguyentienboidp 16/8/2019, 6:56 pm
» Ưu thế khi đầu tư dự án Saigon Garden Riverside
by nguyentienboidp 12/8/2019, 6:33 pm
» Bất động sản Saigon Garden Villlage ghi nhận nhiều sự quan tâm của giới đầu tư
by nguyentienboidp 8/8/2019, 9:42 pm
» Tổ hợp tiệc tùng tại dự án Aqua City Đồng Nai
by nguyentienboidp 3/8/2019, 10:38 pm
» Bất động sản Sunshine Diamond River ghi nhận sự quan tâm của giới đầu tư
by nguyentienboidp 31/7/2019, 10:08 pm
» Gợi ý các không gian trang trí với tường gạch thô
by huesagi221194 23/7/2019, 4:51 pm
» Cách tính 1m2 tường cần bao nhiêu viên gạch
by huesagi221194 11/7/2019, 12:34 pm
» Share Skin Vinagame VBB4
by tonyhoaivu 29/6/2019, 4:08 pm
» Nền tảng công nghệ bất động sản dự án Mường Thanh Gò Vấp
by nguyentienboidp 23/6/2019, 7:04 pm
» Dự án Thanh Hà được đánh giá là dự án bất động sản hạng A
by nguyentienboidp 13/6/2019, 8:59 pm
» Nền tảng công nghệ bất động sản dự án The Marq
by nguyentienboidp 9/6/2019, 11:47 am
» Dự án Mường Thanh Gò Vấp được đánh giá là dự án bất động sản hạng A
by nguyentienboidp 8/6/2019, 12:43 am
» Nền tảng công nghệ bất động sản dự án Aqua City
by nguyentienboidp 5/6/2019, 10:03 pm
» Căn hộ Sunshine Venicia với mức giá hợp lý và tiện ích đa dạng sắp ra mắt thị trường
by nguyentienboidp 2/6/2019, 10:47 pm
» Căn hộ dự án Altara Residences Quy Nhơn được thiết kế châu Âu.
by nguyentienboidp 28/5/2019, 9:18 pm
» Dự án Aqua City Đồng Nai sẽ kết nối người mua với người bán bất động sản.
by nguyentienboidp 20/5/2019, 3:29 pm
» Nhiều căn hộ Aqua City nghỉ dưỡng cao cấp xuất hiện thời gian qua.
by nguyentienboidp 16/5/2019, 8:35 am
» Dự án Novaworld Phan Thiết là dự án bất động sản hạng A
by nguyentienboidp 10/5/2019, 11:00 pm
» Dự Án The Marq - tiện ích đẳng cấp & hiện đại
by nguyentienboidp 3/5/2019, 9:07 pm
» Dự Án Zeitgeist Nhà Bè - phối cảnh
by nguyentienboidp 26/4/2019, 4:00 pm
» Xe tải Dongben 870kg - Xe tải nhẹ vào thành phố được ưu chuộng nhất
by donganhvantai 26/4/2019, 10:42 am
» Cùng ô tô đông anh chiêm ngưỡng mẫu Xe tải Tera 240
by donganhvantai 25/4/2019, 10:13 am
» xe tải veam vt260-1 thùng dài 6m2 giá cạnh tranh
by donganhvantai 24/4/2019, 11:20 am
» Xe tải đô thành IZ65 - xe tải đô thành 3t5 - ô tô đông anh
by donganhvantai 22/4/2019, 9:33 am
» Dự Án Zeitgeist - vị trí đắc địa
by nguyentienboidp 21/4/2019, 10:04 am
» Tại sao khách hàng nên mang xe tải bảo dưỡng định kỳ?
by donganhvantai 19/4/2019, 1:36 pm
» Quy mô dự án biệt thự Zeitgeist Nhà Bè
by nguyentienboidp 18/4/2019, 11:46 pm
» Chi tiết thông tin xe tải Jac x99 - ô tô đông anh
by donganhvantai 18/4/2019, 10:24 am
» Đại lý xe tải cấp I chính hãng có giá tốt nhất 2019
by donganhvantai 17/4/2019, 2:16 pm
» Căn hộ biệt thự Mường Thanh Gò Vấp sang trọng, đẳng cấp
by nguyentienboidp 17/4/2019, 10:25 am
» Xe tải Jac - Khách hàng có nên xuống tiền hay không?
by donganhvantai 16/4/2019, 9:15 pm
» Không gian sống xanh tại dự án căn hộ biệt thự Novaworld Bình Châu
by nguyentienboidp 15/4/2019, 4:45 pm
» Lễ bàn giao sổ đỏ căn hộ biệt thự Novaworld Phan Thiết
by nguyentienboidp 12/4/2019, 11:53 pm
» Khả năng quay video của A7R Mark III bằng 3 video 4K thú vị
by hoangbvk 12/4/2019, 11:06 am
» Đổi đời cùng van bán tải dongben x30 v2s
by donganhvantai 12/4/2019, 9:59 am
» Những lý do khách hàng nên mua xe tải dongben t30
by donganhvantai 11/4/2019, 11:27 am
» mua xe tải dongben chào tháng 4
by donganhvantai 10/4/2019, 1:41 pm
» 90 triệu máy ảnh EOS và 130 triệu ống kính EF bạn nên biết
by hoangbvk 10/4/2019, 10:01 am
» Lễ bàn giao sổ đỏ căn hộ biệt thự Mường Thanh Gò Vấp
by nguyentienboidp 9/4/2019, 3:37 pm
» Xe tải nhẹ chất lượng giá tầm 410 đồng được hỗ trợ 100% phí
by donganhvantai 9/4/2019, 11:57 am
» Lý do xe tải Van Dongben X30 thu hút khách hàng
by donganhvantai 8/4/2019, 10:59 am
» Những tính năng được mong đợi trên Sony a7 mark III mới mẻ
by hoangbvk 8/4/2019, 9:57 am
» Vị trí dự án biệt thự Zeitgeist Nhà Bè
by nguyentienboidp 7/4/2019, 11:33 pm
» Fujifilm X-E3 chính thức ra mắt với phiên bản rút gọn có gì mới
by hoangbvk 6/4/2019, 10:25 am
» Chủ sở hữu căn hộ biệt thự Venita Park khang Điền bày tỏ sự hài lòng
by nguyentienboidp 5/4/2019, 7:23 pm
» Ấn tượng thị trường với dòng xe tải jac L250 - Ô Tô Đông Anh
by donganhvantai 4/4/2019, 11:31 am
» Fujifilm công bố firmware mới nhất cho năm máy ảnh X-Series cho bạn nhiều hơn
by hoangbvk 4/4/2019, 9:36 am
» Niềm vui khi bàn giao sổ đỏ căn hộ biệt thự Novaworld Phan Thiết
by nguyentienboidp 3/4/2019, 9:43 pm
» Xe tải TERA 100 - Cơn sốt thị trường xe tải nhẹ hiện nay
by donganhvantai 3/4/2019, 1:50 pm
» Chỉnh sửa ảnh theo phong cách DJ với Loupedeck
by hoangbvk 3/4/2019, 10:51 am
» Thời điểm thích hợp để tậu căn hộ biệt thự Centennial
by nguyentienboidp 2/4/2019, 5:26 pm
» Sự biến động thị trường xe tải nhẹ
by donganhvantai 2/4/2019, 11:32 am
» Nikon D850 sẽ có quay phim Timelapses 8K khiến bạn ngạc nhiên
by hoangbvk 2/4/2019, 9:50 am
» Xe tải Jac L250 - Dòng xe tải đáp ứng nhu cầu của thị trường
by donganhvantai 1/4/2019, 10:56 am
» Phối cảnh biệt thự Malibu Hội An
by nguyentienboidp 30/3/2019, 2:44 pm
» Sôi Động Thị Trường Xe Tải Nhẹ Euro 4 Mà Nổi Trội Trong Đó Là 2 dòng xe
by donganhvantai 29/3/2019, 1:51 pm
» Sony chính thức khởi động lại các nhà máy sản xuất đĩa vinyl hiện nay
by hoangbvk 28/3/2019, 10:20 am
» Mua xe tải teraco tại đại lý nào có giá tốt nhất
by donganhvantai 28/3/2019, 10:03 am
» Bộ ảnh Rác thải đánh bắt trong môi trường biển cực kì thu hút
by hoangbvk 27/3/2019, 9:36 am
» Vị trí dự án căn hộ The Marq Quận 1
by nguyentienboidp 26/3/2019, 11:28 pm
» MỪNG ĐẠI LỄ - CƠN MƯA QUÀ TẶNG KHI MUA XE TẢI JAC NHÂN DỊP 9
by donganhvantai 26/3/2019, 2:52 pm
» Kiếm tiền từ bán ảnh cho bạn nguồn thu nhập ổn định thu hút bạn
by hoangbvk 25/3/2019, 9:45 am
» Thiết kế biệt thự Novaworld Phan Thiết
by nguyentienboidp 25/3/2019, 9:29 am
» Tiến Độ Thanh Toán Simcity giai đoạn 2
by nguyentienboidp 21/3/2019, 9:43 pm
» Những máy ảnh compact thích hợp để chụp đêm bạn nên mua bây giờ
by hoangbvk 21/3/2019, 10:48 am
» Chương trình khuyến mãi tri ân khách hàng Ô Tô Đông Anh
by donganhvantai 21/3/2019, 8:43 am
» Căn hộ Vinhomes Ruby Quận 9
by nguyentienboidp 20/3/2019, 4:55 pm
» Giảm tổn hao pin máy ảnh đơn giản hiệu quả
by hoangbvk 20/3/2019, 9:35 am
» Bảo quản pin máy ảnh đúng cách thu hút bạn
by hoangbvk 19/3/2019, 10:49 am
» Ống nối máy ảnh - Extension Tube có gì khác biệt
by hoangbvk 18/3/2019, 10:11 am
» Novaworld Bình Châu Căn hộ được xây dựng bằng những vật liệu, trang thiết bị siêu cao cấp
by nguyentienboidp 17/3/2019, 3:16 pm
» Lọc dầu Donaldson P502424 – Lọc máy xúc đào - giá tốt
by donganhvantai 15/3/2019, 9:43 pm
» Canon 1300D nên dùng kèm ống kính thích hợp
by hoangbvk 15/3/2019, 10:30 am
» Canon 1300D và phụ kiện đi kèm
by hoangbvk 14/3/2019, 10:35 am
» Lọc nhớt Donaldson P502008 phụ tùng xe cơ giới
by donganhvantai 13/3/2019, 8:47 pm
» Đặc điểm các ống kính Canon ngàm EF
by hoangbvk 13/3/2019, 9:56 am
» Mường Thanh Gò Vấp - Hình Ảnh Căn Hộ Mẫu
by nguyentienboidp 13/3/2019, 9:40 am
» Đọc truyện Tứ đại thiên dương của tác giả Yến Quỳnh
by vnbsport 12/3/2019, 6:48 pm
» Pentax-K70 chính là những thông tin mới
by hoangbvk 12/3/2019, 10:10 am
» Đọc truyện Tiểu Thư Kỳ Quái của tác giả Chu Sa chương mới nhất
by vnbsport 11/3/2019, 7:27 pm
» Máy ảnh Fujifilm X-T2 cùng với những phụ kiện mới nào
by hoangbvk 11/3/2019, 10:42 am
» Lọc gió ngoài, lọc gió trong máy xúc đào giá tốt tại Việt Nhật
by donganhvantai 10/3/2019, 9:11 pm
» Lọc dầu thủy lực Donaldson giá tốt tại Việt Nhật
by donganhvantai 9/3/2019, 10:07 pm
» lọc nhiên liệu Donalson nhà phân phối Việt Nhật giá tốt
by donganhvantai 8/3/2019, 7:48 pm
» Những phụ kiện dành cho Go pro HERO 5 Black hiện nay
by hoangbvk 8/3/2019, 9:43 am
» Lọc nhớt Donaldson được nhà phân phối Việt Nhật trên toàn quốc
by donganhvantai 6/3/2019, 8:25 pm
Code tạo popup jquery xuất hiện chỉ 1 lần khi vào trang web
Page 1 of 1 • Share
Code tạo popup jquery xuất hiện chỉ 1 lần khi vào trang web
Code tạo popup jquery xuất hiện chỉ 1 lần khi vào trang web
Hôm nay Linh Nguyễn sẽ giới thiệu các các code tạo popup thông báo hay còn gọi là treo banner thông báo. Và người dùng chỉ thấy banner này chỉ lần đầu tiên vào website. Demo cách tạo popup thông báo | Download code
Download code popup tại đây .
Và làm theo hướng dẫn sau:
Copy đoạn code dưới đây vào file index. Chú ý các bạn bấm CTR+U và CTR+F để search "jquery". Nếu web chưa có sẵn jquery thì thêm dòng này:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
Nếu đã có thì chỉ code các dòng sau là ok.
Nếu nó không chạy ok thì có thể do bị xung đột jquery hoặc javascript. Các bạn có thể thay đổi:
1- Login Modal Dialog Window with CSS and jQuery
Trong ví dụ này trình bày làm thế nào để tạo ra một cửa sổ hộp thoại đơn giản với jQuery. Hướng dẫn này đòi hỏi một kiến thức trung gian của CSS và jQuery. Để có kết quả tốt nhất, hãy chắc chắn rằng bạn hiểu những cơ bản của jQuery.
Xem Demo
2- TinyBox 2 Javascript Modal Windows
TinyBox mang đến nhiều tính năng mới và trọng lượng nhẹ dưới 5Kb. Script này hỗ trợ iframe và hình ảnh nguyên bản. Bạn có thể Post với Ajax. Nhấn ESC để đóng cửa sổ. Chức năng callback có thể được thông qua với tải trọng và các sự kiện gần.
Xem Demo | Download
3- jQuery Popup Login Dialog Box
Xem Demo | Download
4- bPopup
bPopup jQuery là một dự án học tập và khám phá. Đây là một jQuery plugin tương đối nhẹ. Nó có tất cả “ma thuật” như mở, đóng, thay đổi kích thước và tập trung vào di chuyển, tạo ra một phương thức chồng chất… Nó có thể mở bất kỳ container nào mà bạn tạo ra với tất cả các loại nội dung. bPopup đã được thử nghiệm với IE67-9, FF2-7, 9-10 Opera, Safari và Chrome 4-15 4-5.
Xem Demo | Download
5- The Notifications jQuery Plugin
Noty là một plugin jQuery dễ dàng để tạo ra các cảnh báo, thành công, lỗi, thông tin và thông báo xác nhận như là một thay thế cho các hộp thoại cảnh báo tiêu chuẩn. Mỗi thông báo được thêm vào một hàng đợi.
Xem Demo
6- jQuery Modal Dialog Windows
Nó là một hộp thoại jQuery đơn giản dùng để tạo tài khoản mới.
Xem Demo | Download
7- Popup Modal Window Using the jQuery Reveal Plugin
Xem Demo | Download
8- Facebook Style Alert Confirm Box with jQuery and CSS
Xem Demo | Download
9- jQuery Facebox Fancybox Plugin
Xem Demo
10- jQuery ModalPopLite
Đây là jQuery Popup siêu nhẹ, siêu đơn giản – 1.5Kb. Không phiền phức. Nó quản lý các sự đổi màu và các cạnh tròn, rất đơn giản để cài đặt và sử dụng, không có tính năng phức tạp chỉ là một hộp thoại nhanh chóng và đơn giản, nhưng hiệu quả.
Xem Demo | Download
11- jQuery Confirm Dialog Replacement with CSS3
Xem Demo | Download
12- jQuery PopBox Sign Up
Xem Demo | Download
13- jQuery YouTube Popup Player Plugin
Đây là một jQuery Plugin dễ dàng sử dụng để tích hợp các video Youtube trên trang web của bạn bằng cách hiển thị một hộp thoại pop-up.
Xem Demo
14- Messi – A simple message plugin for jQuery
Messi là một plugin jQuery dùng để hiển thị thông báo một cách sạch sẽ, thanh lịch và đơn giản. Với Messi sẽ cho phép bạn tránh sử dụng JavaScript thông báo cảnh báo mặc định hoặc cửa sổ mới để cung cấp thông tin rộng rãi cho người dùng.
Xem Demo
15- A Popup Dialog Box for jQuery Mobile
Xem Demo
16- JavaScript Dialog Boxes Error, Warning, Success and Prompt
Đây là một thư viện JavaScript khá nhẹ – 4.5Kb. Script này cung cấp bốn kiểu hộp thoại: alert, warning, prompt và success.
Xem Demo
17- Popup Dialog Windows using JQuery
Xem Demo
18- Simple Modal jQuery Alert, Confirm Window, Lightbox and Video Box
SimpleModal là một plugin nhỏ cho phép tạo ra các cửa sổ phương thức. Nó có thể được sử dụng để tạo ra các thông báo hoặc xác nhận với một vài dòng lệnh. Xác nhận cấu hình có thể lấy nội dung các trang bên ngoài hoặc nhận nội dung trực tuyến.
Download
19- jQuery Impromptu – Alert, Prompt, and Confirm
jQuery Impromptu là một phần mở rộng để giúp cung cấp một cách dễ chịu hơn tự nhắc nhở người sử dụng cho đầu vào. Nhiều hoặc ít hơn nó là một thay thế tuyệt vời với sự linh hoạt, nhanh chóng, và xác nhận.
Download
20- NyroModal – jQuery jQuery Popup Plugin
Xem Demo
21- Apprise – The attractive jQuery Alert Alternative
Một cảnh báo thay thế cho jQuery có vẻ khá tốt. Apprise rất đơn giản, nhanh chóng, hấp dẫn và kín đáo để giao tiếp với người dùng của bạn. Ngoài ra, nó còn cung cấp cho bạn toàn quyền điều khiển style, nội dung, vị trí và chức năng.
Xem Demo | Download
22- Simple jQuery Modals Made Easy
Reveal là một hộp thoại popup jQuery tuyệt vời vì nó rất dễ dàng để thực hiện, tương thích với các trình duyệt hiện đại và nhẹ chỉ 1.75Kb. Điều này có nghĩa là nó nhanh chóng, gợi cảm và hoạt động hoàn hảo.
Xem Demo | Download
23- Boxy – Facebook-like Dialog Overlay With Frills
Boxy làm một hộp thoại jQuery linh hoạt với phong cách Facebook với sự hỗ trợ di chuyển và kích thước.
Xem Demo | Download
24- SimpleModal jQuery Popup Box
Hộp thoại phương thức với phong cách tối giản và không cài đặt gì thêm. Có một số thuộc tính CSS thiết lập trong nội bộ của SimpleModal.
Xem Demo
25- Zebra Dialog Box jQuery Plugin
Cửa sổ phương thức là một trong những giao diện người dùng thường được sử dụng nhất, và được sử dụng để nâng cao nhận thức người sử dụng để truyền đạt thông tin quan trọng, hoặc để cảnh báo về lỗi.
Download
26- jQuery Datepicker and Dialog To Select Date Range
Hộp thoại này được sử dụng để cho phép người dùng lựa chọn một phạm vi ngày. Phạm vi ngày này sẽ được xác nhận để đảm bảo nó đi từ một ngày bắt đầu sớm hơn so với ngày kết thúc.
Xem Demo
27- jqModal – jQuery Popup Modal Dialog Plugins
jqModal là một plugin cho jQuery để giúp bạn hiển thị thông báo, hộp thoại và cửa sổ phương thức trong một trình duyệt. Nó rất linh hoạt và nhỏ gọn.
Xem Demo
28- jQuery popBox with Input Box
Plugin này cung cấp một sự đơn giản để sử dụng phần mở rộng cho popup vùng văn bản ( textarea ). Nếu bạn chưa bao giờ gặp phải tình huống bạn có một loạt các hộp văn bản mà bạn muốn người sử dụng điền vào, ví dụ như trong các hệ thống trở lại của người quản trị một trang web, nhưng nó bất tiện cho người sử dụng cố gắng vào nhập văn bản trong một hộp nhỏ và bạn không muốn ra mắt một trình soạn thảo văn bản chỉ để sử dụng một lần duy nhất, plugin này sẽ tự động xuất hiện một hộp văn bản để nhập vào text.
Xem Demo | Download
29- jQuery Pop-up Div on Hover
Xem Demo | Download
30- Grey Box Smart Window
Xem Demo | Download
31- Pop-up Survey with jQuery UI Dialog
Đây là một pop-up dùng cho một sự án khảo sát ( survey ). Đơn giản, mình đã sử dụng hộp thoại jQuery này và thêm vào một hộp thoại “Cảm Ơn” để hiện thị các kết quả của cuộc khảo sát với một đồ thị CSS chỉ để cho vui.
Xem Demo | Download
32- Modal Confirmation Dialog Form Submit Javascript and jQuery
Đây là một hộp thoại xác nhận. Cụ thể hơn, có thể làm một form submission rất tốt, kiểm tra chính xác địa chỉ email, lỗi chính tả, ký tự đặc biệt…
Xem Demo
33- jQuery Speedo Popup
Bạn có thể chạy video, bạn có thể làm một lightbox cho video hoặc nội dung hỗn hợp hoặc bạn có thể thông báo cho người sử dụng, bạn có thể làm bất cứ điều gì bạn muốn. Plugin jQuery này có khả năng tương thích đầy đủ với HTML5 và được dự phòng với các trình duyệt cũ.
Xem Demo | Download
Hôm nay Linh Nguyễn sẽ giới thiệu các các code tạo popup thông báo hay còn gọi là treo banner thông báo. Và người dùng chỉ thấy banner này chỉ lần đầu tiên vào website. Demo cách tạo popup thông báo | Download code
Download code popup tại đây .
Và làm theo hướng dẫn sau:
Copy đoạn code dưới đây vào file index. Chú ý các bạn bấm CTR+U và CTR+F để search "jquery". Nếu web chưa có sẵn jquery thì thêm dòng này:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
Nếu đã có thì chỉ code các dòng sau là ok.
- Code:
[color=#333333]
[/color]
[color=#333333]
<div id="myModal" class="linhnguyen-modal">
<a href="http://faceseo.vn" target="_blank"><img src="http://2.bp.blogspot.com/-eLSsK_4fUzg/Uk9dEo40_4I/AAAAAAAABfM/LcB3n6svA_s/s1600/popup-faceseo.jpg" /></a>
<a class="close-linhnguyen-modal">X</a>
</div>
<link rel="stylesheet" href="http://giaiphapthuonghieu.vn/miniapps/popuponload/linhnguyen.css">
<script type="text/javascript" src="http://giaiphapthuonghieu.vn/miniapps/popuponload/jquery.popup.js"></script>
<script type="text/javascript" >
$(window).load(function() {
if(document.cookie.indexOf("adf") == -1)
{
document.cookie = "popunder1=adf";
$('#myModal').linhnguyen($('#myModal').data());
}
});
</script>
[/color]
Nếu nó không chạy ok thì có thể do bị xung đột jquery hoặc javascript. Các bạn có thể thay đổi:
- $ bằng JQuery
- Thêm dòng jQuery.noConflict();
- Code:
[color=#333333]
<script type="text/javascript" >
jQuery.noConflict(); /* dòng chống conflict jquery */
jQuery(window).load(function() {
if(document.cookie.indexOf("adf") == -1) /* Bỏ dòng này thì nó hiện thông báo liên tục mỗi khi mở web lên rất là phiền */
{
document.cookie = "popunder1=adf";
jQuery('#myModal').linhnguyen(jQuery('#myModal').data());
}
});
</script>
[/color]
[color=#333333]
[/color]
1- Login Modal Dialog Window with CSS and jQuery
Trong ví dụ này trình bày làm thế nào để tạo ra một cửa sổ hộp thoại đơn giản với jQuery. Hướng dẫn này đòi hỏi một kiến thức trung gian của CSS và jQuery. Để có kết quả tốt nhất, hãy chắc chắn rằng bạn hiểu những cơ bản của jQuery.
Xem Demo
2- TinyBox 2 Javascript Modal Windows
TinyBox mang đến nhiều tính năng mới và trọng lượng nhẹ dưới 5Kb. Script này hỗ trợ iframe và hình ảnh nguyên bản. Bạn có thể Post với Ajax. Nhấn ESC để đóng cửa sổ. Chức năng callback có thể được thông qua với tải trọng và các sự kiện gần.
Xem Demo | Download
3- jQuery Popup Login Dialog Box
Xem Demo | Download
4- bPopup
bPopup jQuery là một dự án học tập và khám phá. Đây là một jQuery plugin tương đối nhẹ. Nó có tất cả “ma thuật” như mở, đóng, thay đổi kích thước và tập trung vào di chuyển, tạo ra một phương thức chồng chất… Nó có thể mở bất kỳ container nào mà bạn tạo ra với tất cả các loại nội dung. bPopup đã được thử nghiệm với IE67-9, FF2-7, 9-10 Opera, Safari và Chrome 4-15 4-5.
Xem Demo | Download
5- The Notifications jQuery Plugin
Noty là một plugin jQuery dễ dàng để tạo ra các cảnh báo, thành công, lỗi, thông tin và thông báo xác nhận như là một thay thế cho các hộp thoại cảnh báo tiêu chuẩn. Mỗi thông báo được thêm vào một hàng đợi.
Xem Demo
6- jQuery Modal Dialog Windows
Nó là một hộp thoại jQuery đơn giản dùng để tạo tài khoản mới.
Xem Demo | Download
7- Popup Modal Window Using the jQuery Reveal Plugin
Xem Demo | Download
8- Facebook Style Alert Confirm Box with jQuery and CSS
Xem Demo | Download
9- jQuery Facebox Fancybox Plugin
Xem Demo
10- jQuery ModalPopLite
Đây là jQuery Popup siêu nhẹ, siêu đơn giản – 1.5Kb. Không phiền phức. Nó quản lý các sự đổi màu và các cạnh tròn, rất đơn giản để cài đặt và sử dụng, không có tính năng phức tạp chỉ là một hộp thoại nhanh chóng và đơn giản, nhưng hiệu quả.
Xem Demo | Download
11- jQuery Confirm Dialog Replacement with CSS3
Xem Demo | Download
12- jQuery PopBox Sign Up
Xem Demo | Download
13- jQuery YouTube Popup Player Plugin
Đây là một jQuery Plugin dễ dàng sử dụng để tích hợp các video Youtube trên trang web của bạn bằng cách hiển thị một hộp thoại pop-up.
Xem Demo
14- Messi – A simple message plugin for jQuery
Messi là một plugin jQuery dùng để hiển thị thông báo một cách sạch sẽ, thanh lịch và đơn giản. Với Messi sẽ cho phép bạn tránh sử dụng JavaScript thông báo cảnh báo mặc định hoặc cửa sổ mới để cung cấp thông tin rộng rãi cho người dùng.
Xem Demo
15- A Popup Dialog Box for jQuery Mobile
Xem Demo
16- JavaScript Dialog Boxes Error, Warning, Success and Prompt
Đây là một thư viện JavaScript khá nhẹ – 4.5Kb. Script này cung cấp bốn kiểu hộp thoại: alert, warning, prompt và success.
Xem Demo
17- Popup Dialog Windows using JQuery
Xem Demo
18- Simple Modal jQuery Alert, Confirm Window, Lightbox and Video Box
SimpleModal là một plugin nhỏ cho phép tạo ra các cửa sổ phương thức. Nó có thể được sử dụng để tạo ra các thông báo hoặc xác nhận với một vài dòng lệnh. Xác nhận cấu hình có thể lấy nội dung các trang bên ngoài hoặc nhận nội dung trực tuyến.
Download
19- jQuery Impromptu – Alert, Prompt, and Confirm
jQuery Impromptu là một phần mở rộng để giúp cung cấp một cách dễ chịu hơn tự nhắc nhở người sử dụng cho đầu vào. Nhiều hoặc ít hơn nó là một thay thế tuyệt vời với sự linh hoạt, nhanh chóng, và xác nhận.
Download
20- NyroModal – jQuery jQuery Popup Plugin
Xem Demo
21- Apprise – The attractive jQuery Alert Alternative
Một cảnh báo thay thế cho jQuery có vẻ khá tốt. Apprise rất đơn giản, nhanh chóng, hấp dẫn và kín đáo để giao tiếp với người dùng của bạn. Ngoài ra, nó còn cung cấp cho bạn toàn quyền điều khiển style, nội dung, vị trí và chức năng.
Xem Demo | Download
22- Simple jQuery Modals Made Easy
Reveal là một hộp thoại popup jQuery tuyệt vời vì nó rất dễ dàng để thực hiện, tương thích với các trình duyệt hiện đại và nhẹ chỉ 1.75Kb. Điều này có nghĩa là nó nhanh chóng, gợi cảm và hoạt động hoàn hảo.
Xem Demo | Download
23- Boxy – Facebook-like Dialog Overlay With Frills
Boxy làm một hộp thoại jQuery linh hoạt với phong cách Facebook với sự hỗ trợ di chuyển và kích thước.
Xem Demo | Download
24- SimpleModal jQuery Popup Box
Hộp thoại phương thức với phong cách tối giản và không cài đặt gì thêm. Có một số thuộc tính CSS thiết lập trong nội bộ của SimpleModal.
Xem Demo
25- Zebra Dialog Box jQuery Plugin
Cửa sổ phương thức là một trong những giao diện người dùng thường được sử dụng nhất, và được sử dụng để nâng cao nhận thức người sử dụng để truyền đạt thông tin quan trọng, hoặc để cảnh báo về lỗi.
Download
26- jQuery Datepicker and Dialog To Select Date Range
Hộp thoại này được sử dụng để cho phép người dùng lựa chọn một phạm vi ngày. Phạm vi ngày này sẽ được xác nhận để đảm bảo nó đi từ một ngày bắt đầu sớm hơn so với ngày kết thúc.
Xem Demo
27- jqModal – jQuery Popup Modal Dialog Plugins
jqModal là một plugin cho jQuery để giúp bạn hiển thị thông báo, hộp thoại và cửa sổ phương thức trong một trình duyệt. Nó rất linh hoạt và nhỏ gọn.
Xem Demo
28- jQuery popBox with Input Box
Plugin này cung cấp một sự đơn giản để sử dụng phần mở rộng cho popup vùng văn bản ( textarea ). Nếu bạn chưa bao giờ gặp phải tình huống bạn có một loạt các hộp văn bản mà bạn muốn người sử dụng điền vào, ví dụ như trong các hệ thống trở lại của người quản trị một trang web, nhưng nó bất tiện cho người sử dụng cố gắng vào nhập văn bản trong một hộp nhỏ và bạn không muốn ra mắt một trình soạn thảo văn bản chỉ để sử dụng một lần duy nhất, plugin này sẽ tự động xuất hiện một hộp văn bản để nhập vào text.
Xem Demo | Download
29- jQuery Pop-up Div on Hover
Xem Demo | Download
30- Grey Box Smart Window
Xem Demo | Download
31- Pop-up Survey with jQuery UI Dialog
Đây là một pop-up dùng cho một sự án khảo sát ( survey ). Đơn giản, mình đã sử dụng hộp thoại jQuery này và thêm vào một hộp thoại “Cảm Ơn” để hiện thị các kết quả của cuộc khảo sát với một đồ thị CSS chỉ để cho vui.
Xem Demo | Download
32- Modal Confirmation Dialog Form Submit Javascript and jQuery
Đây là một hộp thoại xác nhận. Cụ thể hơn, có thể làm một form submission rất tốt, kiểm tra chính xác địa chỉ email, lỗi chính tả, ký tự đặc biệt…
Xem Demo
33- jQuery Speedo Popup
Bạn có thể chạy video, bạn có thể làm một lightbox cho video hoặc nội dung hỗn hợp hoặc bạn có thể thông báo cho người sử dụng, bạn có thể làm bất cứ điều gì bạn muốn. Plugin jQuery này có khả năng tương thích đầy đủ với HTML5 và được dự phòng với các trình duyệt cũ.
Xem Demo | Download
Bui Minh Phong™- Quản Trị Cấp Cao
- Posts : 3260
Points : 370862
Thanked : 1927
Birthday : 1994-12-18
Hãy Lặng Yên Để Cảm Nhận Tình Yêu Xung Quanh Bạn :x
Giới tính :
tommy_phan- New Mem
- Posts : 77
Points : 194982
Thanked : 2
Birthday : 1990-04-03
Rain
Giới tính :
Re: Code tạo popup jquery xuất hiện chỉ 1 lần khi vào trang web
Mình cũng chưa thử làm vì mình bận quá.
Mình Search trên Google
Mình Search trên Google
Bui Minh Phong™- Quản Trị Cấp Cao
- Posts : 3260
Points : 370862
Thanked : 1927
Birthday : 1994-12-18
Hãy Lặng Yên Để Cảm Nhận Tình Yêu Xung Quanh Bạn :x
Giới tính :
⊱✿Log◕‿◕Key✿⊰- New Mem
- Posts : 1
Points : 192953
Thanked : 1
Birthday : 1992-11-10
Làm Những Gì Bạn Cho Là Đúng.
Giới tính :
Similar topics
» [code] trang trí khung login popup
» Code Popup hiển thị likebox của Fanpage facebook trên Website / Blog
» Đi tiểu buốt ở thiếu niên xuất hiện mủ trắng
» [ Big Update CF] – Siêu Quái “ Rồng Trắng Mắt Xanh “ xuất hiện
» [Code] Form đăng nhập không chuyển trang- Form Login With Jquery
» Code Popup hiển thị likebox của Fanpage facebook trên Website / Blog
» Đi tiểu buốt ở thiếu niên xuất hiện mủ trắng
» [ Big Update CF] – Siêu Quái “ Rồng Trắng Mắt Xanh “ xuất hiện
» [Code] Form đăng nhập không chuyển trang- Form Login With Jquery
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|