1、实例1:图片移动 <table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <div style="position: absolute; top: 0px; left: 0px;"> <marquee height="165" behavior="alternate" scrollamount="3" style="width: 1000px; left: 0px; height: 165px;"> <img border="0" src="http://image51.360doc.com/DownloadImg/2012/05/2113/24246588_1.jpg" width="1200" height="165" style="border: none; margin: 0px; padding: 0px;"> </marquee> </div></td></tr></tbody></table> 2、实例2 :背景图片加贴图加移动字 <table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <div style="position: absolute; top: 0px; left: 0px;"> <table border="0" cellspacing="0" cellpadding="0" width="1000" background="http://userimage5.360doc.com/14/0704/21/3459959_201407042102400429.jpg" align="center" height="165" style="width: 1000px; height: 165px;"> <tbody><tr><td style="margin: 0px; padding: 0px; position: relative;"> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 140px;"><img border="0" src="http://image58.360doc.com/DownloadImg/2013/01/2123/29756826_30.jpg" style="border: none; margin: 0px; padding: 0px; width: 120px; height: 100px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 230px;"><img border="0" src="http://image86.360doc.com/DownloadImg/2013/09/2413/55242674_1.gif" style="border: none; margin: 0px; padding: 0px; width: 100px; height: 100px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 800px;"><img border="0" src="http://image58.360doc.com/DownloadImg/2013/01/2123/29756826_41.jpg" style="border: none; margin: 0px; padding: 0px; width: 105px; height: 105px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 880px;"><img border="0" src="http://image58.360doc.com/DownloadImg/2013/01/2123/29756826_11.gif" style="border: none; margin: 0px; padding: 0px; width: 95px; height: 95px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; text-align: right; top: 50px; left: 100px;"> <font face="宋" size="6" color="#FFff00"> <marquee width="850" scrollamount="4" style="width: 850px;"><b>祝愿朋友 阖家欢乐 幸福安康! </b></marquee></font></div></td></tr></tbody></table> </div></td></tr></tbody></table> |
|