jQueryMobile

<apex:page showHeader="false" sidebar="false" standardStylesheets="false">

    <apex:stylesheet  value="{! URLFOR($Resource.jQueryMobile,'jQuery.mobile-1.4.5/jquery.mobile-1.4.5.css')}"/>

    <apex:includeScript value="{! $Resource.jQuery}"/>

    <apex:includeScript value="{! URLFOR($Resource.jQueryMobile,'jquery.mobile-1.4.5/jquery.mobile-1.4.5.js')}"/>

    <div style="margin-left: auto; margin-right: auto; width: 50%">

        <h3>

            Images

        </h3>

        <p>

        A hidden message:

            <apex:image alt="eye" title="eye" url = "{! URLFOR($Resource.jQueryMobile,'jquery.mobile-1.4.5/images/icons-png/eye-black.png')}"/>

            <apex:image alt="heart" title="heart" url = "{! URLFOR($Resource.jQueryMobile,'jquery.mobile-1.4.5/images/icons-png/heart-black.png')}"/>

        </p>

        <h3>Background Images on Button</h3>

        <button class = "ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-action">

            action

        </button>

        <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-star">

          star

        </button>

    </div>

</apex:page>