Cách áp dụng trạng thái di chuột, tiêu điểm và hoạt động với độ dày trang trí văn bản trong Tailwind

Hướng dẫn này giải thích các nội dung sau:

• Làm cách nào để áp dụng trạng thái di chuột, tiêu điểm và hoạt động với độ dày trang trí văn bản trong Tailwind?
• Áp dụng Độ dày trang trí văn bản với “ bay lượn ' Tình trạng.
• Áp dụng Độ dày trang trí văn bản với “ tập trung ' Tình trạng.
• Áp dụng Độ dày trang trí văn bản với “ tích cực ' Tình trạng.

Làm cách nào để áp dụng trạng thái di chuột, tiêu điểm và hoạt động với độ dày trang trí văn bản trong Tailwind?

Các ' Trang trí văn bản Độ dày ” có thể được áp dụng với các trạng thái này bằng cách sử dụng trạng thái đích và “ văn bản-trang trí-độ dày ” thuộc tính theo sau là giá trị độ dày mục tiêu tính bằng pixel. Việc tích hợp các phương pháp này sẽ thay đổi độ dày trang trí văn bản (tính bằng pixel) khi di chuột, phần tử được lấy tiêu điểm hoặc phần tử đang hoạt động. Những pixel này có thể là “ 1px ',' 2px ',' 4px ' hoặc ' 8px ”. Vì vậy, càng nhiều pixel thì độ dày càng nhiều.

Ví dụ 1: Áp dụng Độ dày trang trí văn bản với trạng thái “di chuột”

Ví dụ này áp dụng “ văn bản-trang trí-độ dày ” thuộc tính với “ bay lượn ” để thiết lập độ dày khi di chuột:

Trong đoạn mã này, hãy đưa đường dẫn CDN vào trong thẻ “” để tận dụng các chức năng của Tailwind. Sau đó, trong phần “ Phần tử ”, chỉ định phần tử “ bay lượn ' trạng thái cùng với ứng dụng ' văn bản-trang trí-độ dày ” thuộc tính này đặt độ dày trang trí từ gạch chân mặc định thành độ dày tăng lên “4” pixel khi di chuột.

đầu ra

Đầu ra này ngụ ý rằng độ dày của trang trí văn bản, tức là phần gạch chân, được đặt tương ứng.

Ví dụ 2: Áp dụng Độ dày trang trí văn bản với trạng thái “tiêu điểm”

Mã ví dụ sau đây triển khai độ dày trang trí văn bản thành giá trị pixel mục tiêu khi phần tử được lấy tiêu điểm bằng cách sử dụng “ Chuyển hướng ' chìa khóa:

Trong khối mã này, hãy lặp lại các phương pháp đã thảo luận để kết hợp đường dẫn CDN và “ ' yếu tố. Bây giờ, hãy chỉ định độ dày mặc định cùng với độ dày được chuyển đổi, tức là các pixel “4” với “ tập trung ” để áp dụng thay đổi đối với trạng thái được kích hoạt.

Ghi chú: Mặc định “ gạch chân ' và ' trang trí gạch chân-1 ” thuộc tính mang lại kết quả tương tự.

đầu ra

Từ kết quả đầu ra này, có thể xác minh rằng độ dày trang trí văn bản được chuyển đổi tương ứng.

Ví dụ 3: Áp dụng Độ dày trang trí văn bản với trạng thái “hoạt động”

Trong đoạn mã này, độ dày của trang trí văn bản được thay đổi khi phần tử đang hoạt động:

Tương tự, theo các dòng mã này, hãy kết hợp đường dẫn CDN và phần tử “”. Tiến về phía trước, chỉ định “ <strong> tích cực</strong> ” nêu và áp dụng “ <strong> văn bản-trang trí-độ dày</strong> ” thuộc tính sao cho độ dày được chuyển từ pixel “1” sang pixel “8” thay vì phần tử đang hoạt động, tức là nhấp vào nó.</p> <p> <strong> đầu ra</strong> </p> <p> <img class="wp-image-390663" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-3.gif"></p> <p> Theo quan sát, độ dày của phần trang trí văn bản, tức là phần gạch chân, được thay đổi thành pixel “8” khi nhấp vào bên trong phần tử, tức là phần tử đang hoạt động thích hợp.</p> <h2> <strong> Phần kết luận</strong> </h2> <p> Các ' <strong> bay lượn</strong> ',' <strong> tập trung</strong> ' Và ' <strong> tích cực</strong> Các trạng thái ” có thể được áp dụng với “ <strong> văn bản-trang trí-độ dày</strong> ” để đặt độ dày khi chuột di chuột vào phần tử, phần tử được lấy tiêu điểm hoặc phần tử đang hoạt động tương ứng. Bài viết này minh họa cách áp dụng các trạng thái di chuột, tiêu điểm và hoạt động với độ dày trang trí văn bản trong Tailwind.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/khac/" class="tag-cloud-link">Khác</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Thể LoạI</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Khác</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Phóng</a> </li><li> <a href="/cinnamon/">Quế</a> </li><li> <a href="/reviews/">Đánh Giá</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Đài</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Nén</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Máy Bay</a> </li><li> <a href="/office-productivity-software/">Phần Mềm Năng Suất Văn Phòng</a> </li><li> <a href="/boot/">Khởi Động</a> </li><li> <a href="/system-calls/">Cuộc Gọi Hệ Thống</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Mạng Lưới</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Người Đóng Tàu</a> </li><li> <a href="/firewall/">Bức Tường Lửa</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synology</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Hệ Điều Hành Parrot</a> </li><li> <a href="/sublime/">Cao Siêu</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Siêu V</a> </li><li> <a href="/phone/">Điện Thoại</a> </li><li> <a href="/kodi/">Mã Số</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Tinh Vi</a> </li><li> <a href="/mouse/">Chuột</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Viên Thuốc</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Xoăn</a> </li><li> <a href="/kde/">Ở Đâu</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Phông Chữ</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Hình Ảnh</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Mực Ống</a> </li><li> <a href="/mate/">Bạn</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Bàn Phím</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Mã Hóa</a> </li><li> <a href="/fedora/">Mũ Phớt</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Máy Quét</a> </li><li> <a href="/atom/">Nguyên Tử</a> </li><li> <a href="/red-hat/">Mũ Đỏ</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Ứng Dụng Trò Chuyện</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Máy Tính Xách Tay Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Trình Phát Phương Tiện</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Hơi Nước</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Sức Mạnh</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Nắm Chặt</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Âm Thanh</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Dòng Chảy Căng Thẳng</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Các Cửa Sổ</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Kế Thừa)</a> </li><li> <a href="/internet-explorer/">Trình Duyệt Web Ie</a> </li><li> <a href="/office/">Văn Phòng</a> </li><li> <a href="/khac/">Khác</a> </li><li> <a href="/ung-dung-tro-chuyen/">Ứng dụng trò chuyện</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/trinh-phat-phuong-tien/">trình phát phương tiện</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/than-lun/">thần lùn</a> </li><li> <a href="/khoi-dong/">khởi động</a> </li><li> <a href="/sieu-pham/">siêu phàm</a> </li><li> <a href="/removal-guides/">Hướng Dẫn Loại Bỏ</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/dam-may-tiep-theo/">đám mây tiếp theo</a> </li><li> <a href="/duc-hanh/">Đức hạnh</a> </li><li> <a href="/thong-qua-usb/">thông qua usb</a> </li><li> <a href="/mu-phot/">mũ phớt</a> </li><li> <a href="/khoi-dong-an-toan/">#khởi động an toàn</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Bài ViếT Phổ BiếN</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/what-is-responsible-ai-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ai-co-trach-nhiem-la-gi">AI có trách nhiệm là gì?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/50/how-to-set-the-value-of-a-hidden-input-field-through-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/lam-cach-nao-de-dat-gia-tri-cua-truong-nhap-an-thong-qua-javascript">Làm cách nào để đặt giá trị của trường nhập ẩn thông qua JavaScript?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/tkinter-progress-bar-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/thanh-tien-trinh-tkinter">Thanh tiến trình Tkinter</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/46/mysql-error-code-1175-during-update-in-mysql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-loi-mysql-1175-trong-khi-cap-nhat-trong-mysql">Mã lỗi MySQL 1175 Trong khi CẬP NHẬT trong MySQL</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4D/sql-server-right-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/chuc-nang-quyen-cua-may-chu-sql">Chức năng Quyền của Máy chủ SQL</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/72/background-none-vs-background-transparent-what-is-the-difference-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/nen-khong-co-vs-nen-trong-suot-su-khac-biet-la-gi">nền: không có Vs nền: trong suốt Sự khác biệt là gì?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0E/how-to-apply-double-spacing-in-microsoft-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-ap-dung-khoang-cach-kep-trong-microsoft-word">Cách áp dụng khoảng cách kép trong Microsoft Word</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4E/how-to-calculate-the-size-of-a-capacitor-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-de-tinh-kich-thuoc-cua-tu-dien">Cách để Tính kích thước của tụ điện</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-ap-dung-trang-thai-di-chuot-tieu-diem-va-hoat-dong-voi-do-day-trang-tri-van-ban-trong-tailwind">Cách áp dụng trạng thái di chuột, tiêu điểm và hoạt động với độ dày trang trí văn bản trong Tailwind</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F1/how-to-implement-media-queries-for-mobile-devices-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-trien-khai-truy-van-phuong-tien-cho-thiet-bi-di-dong">Cách triển khai truy vấn phương tiện cho thiết bị di động</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/42/what-is-scrollleft-method-in-jquery-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/phuong-thuc-scrollleft-trong-jquery-la-gi">Phương thức scrollLeft() trong jQuery là gì</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/40/how-to-install-terminator-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-cai-dat-terminator-tren-linux-mint-21">Cách cài đặt Terminator trên Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9A/how-to-mount-a-usb-thumb-drive-hdd-or-ssd-on-proxmox-ve-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-gan-o-usb-o-cung-hoac-ssd-tren-proxmox-ve">Cách gắn ổ USB, ổ cứng hoặc SSD trên Proxmox VE</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/55/how-to-get-id-of-clicked-button-using-javascript/jquery-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lam-the-nao-de-lay-id-cua-nut-duoc-nhap-bang-javascript-jquery">Làm thế nào để lấy ID của nút được nhấp bằng JavaScript / jQuery?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3D/how-to-use-inheritance-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-su-dung-tinh-ke-thua-trong-c">Cách sử dụng tính kế thừa trong C#</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/99/esp32-with-pir-motion-sensor-using-interrupts-and-timers-8211-arduino-ide-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/esp32-voi-cam-bien-chuyen-dong-pir-su-dung-bo-ngat-va-bo-hen-gio-arduino-ide">ESP32 với Cảm biến chuyển động PIR sử dụng Bộ ngắt và Bộ hẹn giờ – Arduino IDE</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/45/how-to-connect-discord-to-your-playstation-network-account-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-ket-noi-discord-voi-tai-khoan-playstation-network-cua-ban">Cách kết nối Discord với tài khoản PlayStation Network của bạn</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/28/how-to-handle-html-dom-input-email-autocomplete-property-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/lam-cach-nao-de-xu-ly-thuoc-tinh-tu-dong-hoan-thanh-email-dau-vao-dom-html">Làm cách nào để xử lý thuộc tính tự động hoàn thành email đầu vào DOM HTML?</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6B/what-is-the-difference-between-int-and-double-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/su-khac-biet-giua-int-va-double-trong-c-la-gi">Sự khác biệt giữa int và double trong C# là gì</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/how-to-go-up-a-directory-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cach-truy-cap-thu-muc-trong-linux">Cách truy cập Thư mục trong Linux</a> </h3> <div class="meta"> <div> <a href="/khac/"><span class="icon-chat"></span> Khác</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>