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> |
Code test
Selection | File type icon | File name | Description | Size | Revision | Time | User |
---|---|---|---|---|---|---|---|
ą
|
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 | |||
ċ
|
View Download |
1k | v. 4 | Feb 25, 2015, 6:09 AM | Sittar Insight | ||
ċ
|
View Download |
6k | v. 4 | Feb 23, 2015, 8:15 AM | Sittar Insight | ||
ċ
|
View Download |
20k | v. 4 | Feb 23, 2015, 8:15 AM | Sittar Insight | ||
ċ
|
View Download |
20k | v. 4 | Feb 23, 2015, 8:12 AM | Sittar Insight | ||
ċ
|
View Download |
69k | v. 4 | Feb 23, 2015, 8:15 AM | Sittar Insight | ||
ċ
|
View Download |
94k | v. 4 | Feb 25, 2015, 10:07 AM | Sittar Insight | ||
ċ
|
View |
Feb 25, 2015, 10:46 AM | Sittar Insight | ||||
ċ
|
View Download |
94k | v. 4 | Feb 25, 2015, 9:32 AM | Sittar Insight | ||
ċ
|
View 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 | ||
ċ
|
View Download |
130k | v. 4 | Feb 23, 2015, 8:13 AM | Sittar Insight | ||
ċ
|
View 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 |