| Linux server27.hostingraja.org 2.6.32-954.3.5.lve1.4.93.el6.x86_64 #1 SMP Wed Oct 4 17:04:29 UTC 2023 x86_64 Path : /home/udaipurk/public_html/websites/samaj/samaj/marquee/ |
| Current File : /home/udaipurk/public_html/websites/samaj/samaj/marquee/static-marquee.php |
<style type="text/css">
* { padding:10px; margin:0;}
h4 { font-size:20px; color:#009; font-family:Tahoma, Geneva, sans-serif;}
.main1 { border:1px green dashed; width:48%; min-height:250px; padding:10px; float:left; margin-bottom:10px; }
.main2 { border:1px green dashed; width:48%; min-height:250px; padding:10px; float:right; margin-bottom:10px; }
.main3 { border:1px green dashed; width:48%; min-height:250px; padding:10px; float:left; margin-bottom:10px; }
.main4 { border:1px green dashed; width:48%; min-height:250px; padding:10px; float:right; margin-bottom:10px;}
.ulclass { list-style-type:none;}
a { text-decoration:none; color:#F36;}
.liclass { margin:0 auto; border-bottom:1px #808080 dashed; font-size:20px; font-family:Tahoma, Geneva, sans-serif; padding:15px;}
</style>
<title> Marquee style in with php </title>
<div class="main1">
<h4 align="center"> Bottom to top with fast ( more fast) </h4>
<marquee behavior="scroll" scrollamount="10" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
<ul class="ulclass" >
<li class="liclass"><a href="http://www.2my4edge.com/2013/06/choose-state-and-city-based-on-country.html"> Choose state based on country using jquery</a></li>
<li class="liclass"><a href="http://www.2my4edge.com/2013/05/floating-menu-using-jquery-plugin.html">Floatin menu or div using Jquery</a></li>
</ul>
</marquee>
</div>
<div class="main2">
<h4 align="center"> Top to bottom ( fast ) </h4>
<marquee behavior="scroll" scrollamount="5" direction="down" onmouseover="this.stop();" onmouseout="this.start();">
<ul class="ulclass" >
<li class="liclass"><a href="http://www.2my4edge.com/2013/07/username-live-availability-check-using.html">live availability check using ajax and php </a></li>
<li class="liclass"><a href="http://www.2my4edge.com/2013/06/facebook-style-scroll-bar-using-jquery.html">Facebook style scroll bar using Jquery</a> </li>
</ul>
</marquee>
</div>
<div class="main3">
<h4 align="center"> Left to right ( medium slow ) </h4>
<marquee behavior="scroll" scrollamount="2" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<ul class="ulclass" >
<li class="liclass"> <a href="http://www.2my4edge.com/2013/07/image-zoommer-like-e-commerce-site.html"> Image zoomer using Jquery </a> </li>
<li class="liclass"> <a href="http://www.2my4edge.com/2013/06/browser-full-screen-api-using-query.html">Browser full screen API </a> </li>
</ul>
</marquee>
</div>
<div class="main4">
<h4 align="center"> Right to left ( slow ) </h4>
<marquee behavior="scroll" scrollamount="1" direction="right" onmouseover="this.stop();" onmouseout="this.start();">
<ul class="ulclass" >
<li class="liclass"><a href="http://www.2my4edge.com/2013/07/how-to-create-custom-404-error-page.html">Create custom 404 error page</a></li>
<li class="liclass"><a href="http://www.2my4edge.com"> www.2my4edge.com </a></li>
</ul>
</marquee>
</div>
<h4> Main tutorial <a href="">Marquee style</a> More tutorial <a href="http://www.2my4edge.com"> 2my4edge.com</a></h4><span style="color:red;"> No database connected in demo </span>