Как сделать кнопку тени с помощью jQuery Mobile?

Опубликовано: 22 Декабря, 2021

jQuery Mobile - это веб-технология, используемая для создания адаптивного контента, доступного на всех смартфонах, планшетах и настольных компьютерах. В этой статье мы будем создавать кнопку тени с помощью jQuery Mobile.

Подход: сначала добавьте скрипты jQuery Mobile, необходимые для вашего проекта.

<link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” />
<script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script>
<script src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>

Мы будем использовать различные типы классов и типов пользовательского интерфейса для создания кнопок разметки.

Пример 1: В этом примере мы будем использовать тег привязки с классом ui-btn ui-shadow для создания кнопки.

Выход:

Пример 2: В этом примере мы будем использовать тег кнопки с class = ”ui-btn ui-shadow” для создания кнопки с тенью.

HTML

 <!DOCTYPE html>
 < html >
 
< head >
    < link rel = "stylesheet" href =
 " http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css " />
 
    < script src =
        " http://code.jquery.com/jquery-1.11.1.min.js " >
    </ script >
 
    < script src =
 " http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js " >
    </ script >
 </ head >
 
< body >
    < center >
        < h1 >GeeksforGeeks</ h1 >
 
        < h4 >Shadowed Button using jQuery</ h4 >
    </ center >
     
    < button class = "ui-btn ui-shadow" >
        Shadowed Button
    </ button >
 </ body >
 
</ html > 

Выход:

JQuery HTML HTML-Misc

Как сделать кнопку тени с помощью jQuery Mobile?

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ