国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
滾動圖片代碼  - xiugang1985@126的日志 - 網(wǎng)易博客

滾動圖片代碼 

基本格式:代碼direction(屬性)

 決定文本滾動方向:向左=ieft     向右=right  

                                       向上 = up    向下=down

                                mar quee behavior=scroll>一圈一圈地滾動

                                marquee behaviro=slide>只滾動一次就停止

滾動圖片代碼語法及使用:

例如下

<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="3" onmouseover='this.stop()' onmouseout='this.start()'>

<img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75">

<img src="../../../xiyuan/img/i-meihua/xm-04.jpg" width="100" height="75">

<img src="../../../xiyuan/img/i-meihua/xm-05.jpg" width="100" height="75">

<img src="../../../xiyuan/img/i-meihua/xm-08.jpg" width="100" height="75">

<img src="../../../xiyuan/img/i-meihua/xm-09.jpg" width="100" height="75">

<img src="../../../xiyuan/img/i-meihua/xm-13.jpg" width="100" height="75">

</marquee></td>

其中

       1、  behavior="scroll" 滾動的方式,scroll 為一圈一圈繞著走。

  scrollAmount=3 滾動的速度,數(shù)值越大,速度越快,反之則慢。

  direction=left 滾動的方向 left 是由右向左。

  onmouseover='this.stop()' 有止停功能,this.stop() 鼠標放上就停止。

  onmouseout='this.start()' 有止停功能,this.start() 鼠標離開就滾動

     2、  <img src="../../../xiyuan/img/i-meihua/xm-02.jpg"

  "../../../xiyuan/img/i-meihua/xm-02.jpg" 照片在本網(wǎng)中的位置,

  xiyuan/img/i-meihua 在本網(wǎng)的文件夾中,

  xm-02.jpg 照片名稱及格式。

    3、 width="100" height="75">

  width="100" 照片的寬度為100像素值。

  height="75" 高度為75像素值。

 4、如需要多設可將 <img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75"> 這一行進行復制,放在 </marquee></td> 前面即可。

 

立體式滾動圖片的代碼

<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.qq7b.com/qq/5.5.swf?p1=http://在此加圖片.jpg&p2=http://在此加圖片.jpg&p3=http://在此加圖片.jpg&p4=http://在此加圖片.jpg&p5=http://在此加圖片.jpg&p6=http://在此加圖片.jpg& width=610 height=238 type=application/x-shockwave-flash type?100%? autostart="0" quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></P>

<P> </P>

 

   卷簾式滾動圖片的代碼及效果

1、一般滾動圖的頭尾中間有斷隙,一個巡環(huán)后等于從頭另來,斷續(xù)感影響畫面完整,下面介紹的代碼可消除間隙,改動代碼方向及排續(xù)可產(chǎn)生不同效果,掌握其原理后的運用在自己。

代碼:

<TABLE height=450 cellPadding=0 width=600 background=圖片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV>

<MARQUEE scrollAmount=4 direction=down width=600 height=450>

<MARQUEE scrollAmount=4 direction=up width=600 height=450><IMG style="FILTER: alpha WIDTH: 600px; HEIGHT: 450px" height=450 src="圖片地址" width=600></MARQUEE></MARQUEE>

 </TD></TR></TBODY></TABLE>

說明:  按以下代碼可改變卷簾方向產(chǎn)生不同效果:

       向下: direction=up向上: direction=down 向左: direction=right 向右: direction=left

 

附圖框代碼:    <TABLE height=10 cellSpacing=5 borderColorDark=#54461c cellPadding=0 width=10 borderColorLight=#a89a6f background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_1.jpg border=3 ORDERCOLOR="white">

<TBODY><TR><TD>此處添加圖片代碼<CENTER></CENTER>

附添加文字標題的鏈接代碼: 

<DIV style="MARGIN-BOTTOM: 5px"><SPAN style="FONT-SIZE: 120%"><A href="

2、<DIV align=center>

<TABLE cellSpacing=10 borderColorDark=#000080 cellPadding=0 width=485 align=center borderColorLight=#000080 background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_2.gif border=0>

<TBODY>

<TR>

<TD width="100%">

<CENTER>

<TABLE cellSpacing=30 cellPadding=0 width="100%" background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_3.jpg border=0>

<TBODY>

<TR>

<TD width="100%">

<DIV align=center>

<TABLE cellSpacing=10 borderColorDark=#000080 cellPadding=0 width="100%" borderColorLight=#000080 background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_2.gif border=0>

<TBODY>

<TR>

<TD align=middle width="100%" background=http://www.hmczj.com.cn/xianhua/1/XH138.jpg border="0"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=475 height=330 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash/5.swf width=475 height=330 type=application/octet-stream quality="high" wmode="transparent">

<CENTER>

<MARQUEE scrollAmount=2 direction=up width=475 height=329>

<CENTER>

<TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=480 background=http://img.blog.163.com/photo/_cMapZSUsehi3Q4_W0d0cA==/3683100070259045704.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></CENTER>

<CENTER>

<TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH114.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></CENTER>

<CENTER>

<TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH121.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></CENTER>

<CENTER>

<TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH126.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></CENTER>

<CENTER>

<TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH150.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></CENTER>

<DIV></DIV>

<P></P>

 

一上一下滾動圖片特效代碼:

<MARQUEE direction=right behavior=alternate>

<MARQUEE width=120 direction=up behavior=alternate height=400><FONT face=華文行楷 color=#0000ff size=4><B>快來看喲!</B></FONT><BR><A href="></MARQU>

 

由中間向兩邊移動的文字和圖像

代碼:

<P align=center> </P>

<P align=center><FONT face=華文彩云 color=#ee110e size=5>

<MARQUEE width=200 height=50><IMG style="CURSOR: pointer" src="

<MARQUEE direction=right width=200 height=50>由中間向兩邊移動的文字和圖像<IMG style="CURSOR: pointer" src="

中間相對上下移動:

1、代碼:

<marquee direction=up scrollamount=3 src=http://myok.blogchina.com/inc/myoklogo.gif width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://myok.blogchina.com/inc/myoklogo.gif" width=90></div></center></marquee>

2、代碼

<CENTER>

<MARQUEE direction=down width=220 height=100><IMG style="WIDTH: 90px; HEIGHT: 208px" src="http://img.blog.163.com/photo/57fhncsxewKGoyP-namcjQ==/5348306032479338029.jpg" width=90></MARQUEE></CENTER>

<CENTER>

<MARQUEE direction=up width=220 height=100><IMG style="LEFT: 163px; WIDTH: 90px; HEIGHT: 208px" src="http://img.blog.163.com/photo/8RPzV40AaviDzSNEtrAALQ==/1446499905316285735.jpg" width=90></MARQUEE></CENTER>

 

 中間向兩邊移動:

<CENTER><BR>

<MARQUEE width=220 height=200><IMG style="WIDTH: 90px; HEIGHT: 196px" src="http://img.blog.163.com/photo/8RPzV40AaviDzSNEtrAALQ==/1446499905316285735.jpg" width=90></MARQUEE>

<MARQUEE direction=right width=220 height=200><IMG style="WIDTH: 90px; HEIGHT: 208px" src="http://img.blog.163.com/photo/57fhncsxewKGoyP-namcjQ==/5348306032479338029.jpg" width=90></MARQUEE></CENTER>

 滾動圖片效果一:

打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
html 成品代碼
【制作代碼】音畫制作代碼集
滾動.透明.對開圖制作
音畫制作代碼集(二)
清明上河圖代碼
最新閃圖相框與代碼
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服