Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

svg_-_ejemplos [2012/03/24 15:39]
apacheco
svg_-_ejemplos [2012/04/21 13:38] (actual)
apacheco
Línea 62: Línea 62:
 </svg> </svg>
 </file> </file>
 +
 +<file xml list-icon.html>
 +<!DOCTYPE html> 
 +<html>
 +    <head>
 +    <meta charset="utf-8">
 +    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 +    <title>jQuery Mobile List Icons</title> 
 +    <link rel="stylesheet" href="jquery.mobile-1.1.0.min.css" />  
 +    <script src="jquery-1.7.2.min.js"></script>
 +    <script src="jquery.mobile-1.1.0.min.js"></script>
 +    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
 +        <defs>
 +            <g id="delicious">
 +                <rect x="5" y="5" width="10" height="10" fill="white" />
 +                <rect x="15" y="5" width="10" height="10" fill="blue" />
 +                <rect x="5" y="15" width="10" height="10" fill="black" />
 +                <rect x="15" y="15" width="10" height="10" fill="#ddd" />
 +            </g>
 +        </defs>
 +    </svg>
 +</head>
 +<body> 
 +<div data-role="page" class="type-interior">
 +        <div data-role="header" data-theme="a">
 +        <h1>Icons</h1>
 +        <a href="index.html" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
 +        <a href="index.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
 +</div><!-- /header -->
 +
 +<div data-role="content">
 +    <div class="content-primary">
 +        <ul data-role="listview" data-theme="b">
 +            <li><a href="index.html">
 +                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
 +                    <use x="0" y="0" xlink:href="#delicious">
 +                         <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 15 15" to="360 15 15" dur="1s" repeatCount="3" additive="sum" fill="freeze"/>
 +                    </use>
 +                </svg>
 +                &nbsp; France <span class="ui-li-count">4</span></a>
 +            </li>
 +            <li><a href="index.html">
 +                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
 +                    <use x="0" y="0" xlink:href="#delicious" />
 +                </svg>
 +                &nbsp; Germany <span class="ui-li-count">20</span></a>
 +            </li>
 +            <li><a href="index.html">
 +                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
 +                    <use x="0" y="0" xlink:href="#delicious" />
 +                </svg>
 +                &nbsp; Mexico <span class="ui-li-count">64</span></a>
 +            </li>
 +        </ul>
 +    </div><!--/content-primary -->
 +</div><!-- /content -->
 +<div data-role="footer" class="footer-docs" data-theme="d">
 +                <p>&copy; 2011-12 The jQuery Foundation</p>
 +</div>
 +</div><!-- /page -->
 +</body>
 +</html>
 +</file>
 +
  
svg_-_ejemplos.txt · Última modificación: 2012/04/21 13:38 por apacheco
 
Excepto donde se indique lo contrario, el contenido de esta wiki se autoriza bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki