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>
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.
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>
Marquee with Heading and right direction and right side heading
Code
<table width="700" border="3">
<tr>
<td width="601"><marquee direction="right"onmouseover="this.stop();" onmouseout="this.start();">marquee with right side heading and right side direction</td>
<td width="83" style=" text-align:center; background:#00F; ">Heading</td>
</tr>
</table>
Demo
<table width="700" border="3">
<tr>
<td width="601"><marquee direction="right"onmouseover="this.stop();" onmouseout="this.start();">marquee with right side heading and right side direction</td>
<td width="83" style=" text-align:center; background:#00F; ">Heading</td>
</tr>
</table>
Demo
| Heading |
Marquee with News Heading and Border
| Heading |
<style type="text/css">
.css {
color: #C00;
background:#00FF00;
font-family: "MS Serif", "New York", serif;
alignment-adjust:central;
border:dotted;
}
.css strong em {
}
</style>
<table border="0" style="border: inset; width: 523px;">
<tbody>
<tr>
<td class="css" width="90"><strong><em>Heading</em></strong></td>
<td width="417"><marquee behavior="scroll" direction="left" mouseover="this.stop();" mouseout="this.start();">marquee with different border and Heading</marquee></td>
</tr>
</tbody></table>
Code
Subscribe to:
Posts (Atom)