| Server IP : 208.122.213.31 / Your IP : 216.73.216.185 Web Server : Apache System : Linux msd6191.mjhst.com 4.18.0-553.137.1.el8_10.x86_64 #1 SMP Wed Jun 24 11:40:24 UTC 2026 x86_64 User : WHMCS_MIA_382 ( 1001) PHP Version : 7.4.33 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/httpd/html/sportyone.com/public_html/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<!-- standalone page styling (can be removed)-->
<title>jQuery Tools standalone demo</title>
<!-- default set of jQuery Tools + jQuery 1.3.2 -->
<script type="text/javascript" src="js/prototype.js"></script>
<script src="js/jquery.tools.min.js"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css/scrollable-horizontal.css" />
<link rel="stylesheet" type="text/css" href="css/scrollable-buttons.css" />
<style type="text/css">
<!--
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 940px;
height:129px;
}
div.cells {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:233px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
div.scrollable div.items div {
float:left;
}
/* you may want to setup some decorations to active the item */
div.items div.active {
border:0px inset #ccc;
background-color:#000000;
}
-->
</style>
<!-- HTML structures -->
<!-- "previous page" action -->
<a class="prevPage browse left"></a>
<!-- root element for scrollable -->
<div class="scrollable">
<!-- root element for the items -->
<div class="items">
<!-- 1-5 -->
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • Maaaa Dung </div>
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • gaoosd Dung </div>
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • Maggie Dung </div>
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • Maggie Dung </div>
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • Maggie Dung </div>
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • Maggie Dung </div>
<div class="cells" align="center"><img src="images/videosmall.jpg" /><br>Hot Shower • Maggie Dung </div>
</div>
</div>
<!-- "next page" action -->
<a class="nextPage browse right"></a>
<br clear="all" />
<script>
// execute your scripts when the DOM is ready. this is a good habit
$(function() {
// initialize scrollable
$("div.scrollable").scrollable();
});
</script>
</body>
</html>