Skip to content

Instantly share code, notes, and snippets.

@juarezpaf

juarezpaf/jquery-swipe-example.html

Created November 26, 2010 04:59
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save juarezpaf/716296 to your computer and use it in GitHub Desktop.
Save juarezpaf/716296 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jquery-swipe-example.html
<!DOCTYPE html><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="http://ryanscherf.net/demos/swipe/"><div style="margin:-1px -1px 0;padding:0;border:1px solid #999;background:#fff"><div style="margin:12px;padding:8px;border:1px solid #999;background:#ddd;font:13px arial,sans-serif;color:#000;font-weight:normal;text-align:left">This is Google&#39;s cache of <a href="http://ryanscherf.net/demos/swipe/" style="text-decoration:underline;color:#00c">http://ryanscherf.net/demos/swipe/</a>. It is a snapshot of the page as it appeared on 21 Nov 2010 05:48:08 GMT. The <a href="http://ryanscherf.net/demos/swipe/" style="text-decoration:underline;color:#00c">current page</a> could have changed in the meantime. <a href="http://www.google.com/intl/en/help/features_list.html#cached" style="text-decoration:underline;color:#00c">Learn more</a><br><br><div style="float:right"><a href="http://webcache.googleusercontent.com/search?q=cache:o0JlW6UUorUJ:ryanscherf.net/demos/swipe/+jquery+swipe&amp;hl=en&amp;client=safari&strip=1" style="text-decoration:underline;color:#00c">Text-only version</a></div>
<div>These search terms are highlighted: <span style="background:#ffff66;color:black;font-weight:bold">jquery</span>&nbsp;<span style="background:#a0ffff;color:black;font-weight:bold">swipe</span>&nbsp;&nbsp;</div></div></div><div style="position:relative">
<!DOCTYPE html>
<html>
<head>
<title>iPhone Swipe Demo using jQuery & jSwipe by Ryan Scherf</title>
<style type="text/css">@import "style.css";</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jswipe.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.swipe').swipe()
});
</script>
</head>
<body>
<p>Make sure to view on your iPhone or iPod Touch</p>
<p>More info at: <a href="http://plugins.jquery.com/project/swipe">http://plugins.<b style="color:black;background-color:#ffff66">jquery</b>.com/project/<b style="color:black;background-color:#a0ffff">swipe</b></a></p>
<table>
<thead>
<tr>
<th>From</th>
<th>Subject</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>lorem@ipsum.com</td>
<td>Dolor sit amet</td>
<td><div class="swipe"><b style="color:black;background-color:#a0ffff">swipe</b> here</div></td>
</tr>
<tr>
<td>dolor@sitamet.com</td>
<td>Lorem ipsum</td>
<td><div class="swipe"><b style="color:black;background-color:#a0ffff">swipe</b> here</div></td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment