Pudur Sri Annan Swamigal‎ > ‎Resources‎ > ‎Resourses‎ > ‎

Code test
























































































































tested code for sliding box-j query
<!DOCTYPE html>
<html>
<head>
<script 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideToggle("slow");
    });
});
</script>
 
<style> 
#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#panel {
    padding: 50px;
    display: none;
}
</style>
</head>
<body>
 
  <div id="flip"><b>Click here for web updates</b></div>
  <div id="panel">Dear viewers..We have configured this website for android users also. So now onwards you can view and enjoy all the articles of this website in mobile phones,tablets,any laptops/desktops.In Android phones you can select desktop version in your settings to view this website as it appears in desktop.If you find any difficulty kindly let us know in comment colum.Thanks..</div>

</body>
</html>





code for vertical slide news ticker-j query


<!DOCTYPE html>

<html>

    <head><style>

.ticker {

width: 200px;

height: 280px;

overflow: hidden;

border: 1px solid #F08080;

border-radius: 25px;

box-shadow: 0px 0px 5px #DDD;

background-color:  #20B2AA;

text-align:centre;

}

.ticker h3 {

padding: 5px 20px 20px 12px;

border-bottom: 2px solid #66CDAA;

}

ul {

list-style: none;

padding: 0;

margin: 0;

font-style:normal;font-size:16px;

}

ul li {

list-style: none;

height:26px;

padding:17px;

border-bottom: 1px solid #E0FFFF;

}

</style><script type="text/javascript">

function ticker() {

    $('#ticker li:first').slideUp(function() {

        $(this).appendTo($('#ticker')).slideDown();

    });

}

setInterval(ticker, 5000);

</script>

        <title>jQuery Ticker</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

    </head>

 <body><div class="ticker">

   <h3>Latest News</h3>

   <ul id="ticker">

       <li>Andalpuram Swamigal Guru Poojai 2014</li>

       <li>Arunalaya Varalaru E book-Tamil.</li>

<ul>

    <li>Annan Guru Poojai 2015-Komal Arunalayam</li>

</ul>

<ul>

    <li>A Disciple speaks From Erode.</li>

</ul>

<ul>

       <li>A devotee speaks from Arunalayam

 </body>

</html>















SelectionFile type iconFile nameDescriptionSizeRevisionTimeUser
ą
View Download		   64k v. 4 Feb 26, 2015, 3:26 AM Sittar Insight
ċ
View		 css color list very useful colors  Mar 13, 2015, 4:55 AM Sittar Insight
ċ
Download		   1k v. 4 Feb 25, 2015, 6:09 AM Sittar Insight
ċ
Download		   6k v. 4 Feb 23, 2015, 8:15 AM Sittar Insight
ċ
Download		   20k v. 4 Feb 23, 2015, 8:15 AM Sittar Insight
ċ
Download		   20k v. 4 Feb 23, 2015, 8:12 AM Sittar Insight
ċ
Download		   69k v. 4 Feb 23, 2015, 8:15 AM Sittar Insight
ċ
Download		   94k v. 4 Feb 25, 2015, 10:07 AM Sittar Insight
ċ
View		   Feb 25, 2015, 10:46 AM Sittar Insight
ċ
Download		   94k v. 4 Feb 25, 2015, 9:32 AM Sittar Insight
ċ
Download		   7k v. 4 Feb 23, 2015, 8:16 AM Sittar Insight
ċ
Download		   1k v. 4 Feb 23, 2015, 8:15 AM Sittar Insight
ċ
Download		   1k v. 4 Feb 23, 2015, 8:17 AM Sittar Insight
ċ
Download		   130k v. 4 Feb 23, 2015, 8:13 AM Sittar Insight
ċ
Download		   2k v. 4 Feb 23, 2015, 8:17 AM Sittar Insight
ą
View Download		   62k v. 4 Feb 23, 2015, 8:17 AM Sittar Insight
Comments