Demo
Code
<marquee direction="left" ><img src="../Pictures/1.jpg" width="50" height="25"/><strong> http://design2blogger.blogspot.com</strong> <img src="../Pictures/2.jpg" width="50" height="25"/> full marquee code and demos </marquee>
this sites for quick learner, Who wants to create website or who wants to learn about webpage design for them html full code, code, uploading system, tips and tools for blog and blogger or blogspot.com sites.
Marquee slide
Demo
Code
<marquee direction="up" behavior="scroll" scrollamount="2" height="20px" style="border:2px solid #FF0000; background:#CCCCCC; color:#00F" onMouseOver="this.stop();" onMouseOut="this.start();">
<p><a href="http://design2blogger.blogspot.com/search/label/marquee">marquee styles code and demos</a></p>
<p> <a href="http://design2blogger.blogspot.com/search/label/WOW%20Slider">Wow Slider design in blogger</a></p>
<p> <a href="http://design2blogger.blogspot.com">create a beautiful website through our tutorials</a></p>
</marquee>
<marquee direction="up" behavior="scroll" scrollamount="2" height="20px" style="border:2px solid #FF0000; background:#CCCCCC; color:#00F" onMouseOver="this.stop();" onMouseOut="this.start();">
<p><a href="http://design2blogger.blogspot.com/search/label/marquee">marquee styles code and demos</a></p>
<p> <a href="http://design2blogger.blogspot.com/search/label/WOW%20Slider">Wow Slider design in blogger</a></p>
<p> <a href="http://design2blogger.blogspot.com">create a beautiful website through our tutorials</a></p>
</marquee>
Left Right Image marquee code and demo
demo
code
<marquee direction="left"><img src="../Pictures/1.jpg" width="200" height="150"/> <img src="../Pictures/2.jpg" width="200" height="150"/></marquee><marquee direction="right"><img src="../Pictures/3.jpg" width="200" height="150"/> <img src="../Pictures/4.jpg" width="200" height="150"/>
</marquee>
<marquee direction="left"><img src="../Pictures/1.jpg" width="200" height="150"/> <img src="../Pictures/2.jpg" width="200" height="150"/></marquee><marquee direction="right"><img src="../Pictures/3.jpg" width="200" height="150"/> <img src="../Pictures/4.jpg" width="200" height="150"/>
</marquee>
Image Marquee with Mouseover and image link
Demo
Code
<marquee direction="left" align="middle"onMouseOver="this.stop();" onMouseOut="this.start();"
><a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/4.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/2.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/3.jpg?attredirects=0"width="300" height="150"></a>
</marquee>
Code
<marquee direction="left" align="middle"onMouseOver="this.stop();" onMouseOut="this.start();"
><a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/4.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/2.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/3.jpg?attredirects=0"width="300" height="150"></a>
</marquee>
Subscribe to:
Posts (Atom)