精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

打開APP
userphoto
未登錄

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

開通VIP
圖片移動代碼集錦新編【二】
圖片移動代碼集錦新編【二】
Good fun編輯
今天繼續(xù)昨天的話題,沒看過的新朋友可以先點擊看看《圖片移動代碼集錦新編》,了解各個屬性的含義及詳細設置!Goodfun的這些代碼交流都是寫給新朋友看的,寫的比較嚕蘇,高手勿擾!
由于今天要做多張圖片并排移動,所以準備了3張素材如下:
先來看一段橫向并排排列多圖滾動的基本代碼:
<CENTER>
<MARQUEE height=300 behavior=alternate width=滾動顯示區(qū)域?qū)挾?nbsp;  scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=所有圖片的總寬度和 height=圖片的高度>
<TBODY>
<TR>
<TD height=第一張圖片高度 width=第一張圖片寬度><img  src=第一張圖片地址  height=第一張圖片高度 width=第一張圖片寬度></TD>
<TD height=第二張圖片高度 width=第二張圖片寬度><img  src=第二張圖片地址  height=第二張圖片高度 width=第二張圖片寬度></TD>
<TD height=第三張圖片高度 width=第三張圖片寬度><img  src=第三張圖片地址   height=第三張圖片高度 width=第三張圖片寬度> </TD>
...........
<TD height=第N張圖片高度 width=第N張圖片寬度><img  src=第N張圖片地址  height=第N張圖片高度 width=第N張圖片寬度> </TD>
</TR></TBODY></TABLE></MARQUEE></CENTER>
本文就以三張圖片橫向并列來回移動為例,代碼中圖片地址大小一一替換編輯并設置顯示區(qū)域等各參數(shù)后代碼如下(本例的素材圖片的高度和寬度都是400*300,所以總寬度是1200,其他滾動的屬性等設置參見上一篇:圖片移動代碼集錦新編):
<CENTER>
<MARQUEE height=300 behavior=alternate width=400 scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=1200  height=300>
<TBODY>
<TR>
<TD height=300  width=400><img src=http://image31.360doc.com/DownloadImg/2011/06/2211/13201914_1.gif></TD>
<TD height=300  width=400><img src=http://image31.360doc.com/DownloadImg/2011/06/2211/13201914_2.gif></TD>
<TD height=300  width=400><img src=http://image31.360doc.com/DownloadImg/2011/06/2211/13201914_3.gif></TD>
<TR></TBODY></TABLE></MARQUEE></CENTER>
效果如下:
下面來看一個豎向并列圖片上下來回移動的代碼:
<CENTER>
<MARQUEE height=滾動顯示區(qū)域高度   direction=up   behavior=alternate width=滾動顯示區(qū)域?qū)挾?nbsp;  scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=單張圖片的寬度  height=所有圖片的高度總和>
<TBODY>
<TR>
<TD height=第一張圖片高度 width=第一張圖片寬度><img  src=第一張圖片地址  height=第一張圖片高度 width=第一張圖片寬度></TD></TR>
<TR>
<TD height=第二張圖片高度 width=第二張圖片寬度><img  src=第二張圖片地址  height=第二張圖片高度 width=第二張圖片寬度></TD></TR>
<TR>
<TD height=第三張圖片高度 width=第三張圖片寬度><img  src=第三張圖片地址   height=第三張圖片高度 width=第三張圖片寬度> </TD></TR>
...........
<TR><TD height=第N張圖片高度 width=第N張圖片寬度><img  src=第N張圖片地址  height=第N張圖片高度 width=第N張圖片寬度> </TD></TR>
</TBODY></TABLE></MARQUEE></CENTER>
代碼設置同上例,只是這里要增加圖片復制的代碼是這么一段“<TR>....</TR>”,就是本代碼紅色的那段,加幾張圖片,就加幾段這樣的代碼!
本例三張圖片的代碼如下:
<CENTER>
<MARQUEE direction=up height=300 behavior=alternate width=400 scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=400 height=900>
<TBODY>
<TR>
<TD height=300 width=400><IMG src=">
</TR>
<TR>
<TD height=300 width=400><IMG src="
>
<TR>
<TD height=300 width=400><IMG src="
>
<TR></TR></TBODY></TABLE></MARQUEE></CENTER>
效果如下:
下面來講一下,并排移動加鏈接的代碼,其實就是給每張移動的圖片做個鏈接,豎向排列移動基本代碼如下:
<CENTER>
<MARQUEE height=滾動顯示區(qū)域高度   direction=up   behavior=alternate width=滾動顯示區(qū)域?qū)挾?nbsp;  scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=單張圖片的寬度  height=所有圖片的高度總和>
<TBODY>
<TR>
<TD height=第一張圖片高度 width=第一張圖片寬度>  <A href="第一張圖片鏈接地址"   target=_blank>  <img  src=第一張圖片地址  height=第一張圖片高度 width=第一張圖片寬度></A></TD></TR>
<TR>
<TD height=第二張圖片高度 width=第二張圖片寬度> <A href="第二張圖片鏈接地址"   target=_blank> <img  src=第二張圖片地址  height=第二張圖片高度 width=第二張圖片寬度></A></TD></TR>
<TR>
<TD height=第三張圖片高度 width=第三張圖片寬度> <A href="第三張圖片鏈接地址"   target=_blank> <img  src=第三張圖片地址   height=第三張圖片高度 width=第三張圖片寬度></A> </TD></TR>
...........
<TR><TD height=第N張圖片高度 width=第N張圖片寬度> <A href="第N張圖片鏈接地址"   target=_blank> <img  src=第N張圖片地址  height=第N張圖片高度 width=第N張圖片寬度> </A></TD></TR>
</TBODY></TABLE></MARQUEE></CENTER>
關于鏈接的屬性說明請查看上一篇!本例三張圖片替換后代碼如下:
<CENTER>
<MARQUEE direction=up height=300 behavior=alternate width=400 scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=400 height=900>
<TBODY>
<TR>
<TD height=300 width=400><A href="
<TR>
<TD height=300 width=400><A href="
>
</TD></TR>
<TR>
<TD height=300 width=400> <A href="
>
</TR></TBODY></TABLE></MARQUEE></CENTER>
效果如下(點擊圖片可去到我的博客首頁):
橫向并排移動加鏈接基本代碼:
<CENTER>
<MARQUEE height=滾動顯示區(qū)域高度   direction=up   behavior=alternate width=滾動顯示區(qū)域?qū)挾?nbsp;  scrolldely="50" align="center">
<TABLE border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=所有圖片的寬度總和  height=圖片的高度>
<TBODY>
<TR>
<TD height=第一張圖片高度 width=第一張圖片寬度>  <A href="第一張圖片鏈接地址"   target=_blank>  <img  src=第一張圖片地址  height=第一張圖片高度 width=第一張圖片寬度></A></TD>
<TD height=第二張圖片高度 width=第二張圖片寬度> <A href="第二張圖片鏈接地址"   target=_blank> <img  src=第二張圖片地址  height=第二張圖片高度 width=第二張圖片寬度></A></TD>
<TD height=第三張圖片高度 width=第三張圖片寬度> <A href="第三張圖片鏈接地址"   target=_blank> <img  src=第三張圖片地址   height=第三張圖片高度 width=第三張圖片寬度></A> </TD>
...........
<TD height=第N張圖片高度 width=第N張圖片寬度> <A href="第N張圖片鏈接地址"   target=_blank> <img  src=第N張圖片地址  height=第N張圖片高度 width=第N張圖片寬度> </A></TD></TR>
</TBODY></TABLE></MARQUEE></CENTER>
替換后代碼如下(這里還可以在第一個"table"或者每張圖片前面的“A”后面加一個鼠標放松去顯示的提升信息屬性“title=點擊圖片進入Goodfun博客”,但滾動圖片顯示這個提示信息不像不動的圖片那么靈敏):
<CENTER>
<MARQUEE   title=點擊圖片進入Goodfun博客  height=300 behavior=alternate width=400 scrolldely="50" align="center">
<TABLE  title=點擊圖片進入Goodfun博客  border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=1200 height=300>
<TBODY>
<TR>
<TD height=300 width=400><A  title=點擊圖片進入Goodfun博客   href="
<TD height=300 width=400><A     title=點擊圖片進入Goodfun博客  href=">
</TD>
<TD height=300 width=400> <A   title=點擊圖片進入Goodfun博客   href="
>
</TR></TBODY></TABLE></MARQUEE></CENTER>
效果如下:
下面來講一下,多張移動圖片并排移動羽化后加鏈接左右來回移動的代碼,只要給每張圖片加一個羽化屬性“  style="FILTER: alpha(opacity=100,style=2)"   ”即可,羽化屬性詳細設置請查看上一篇,上面那效果添加羽化屬性后代碼如下(比較上面那個效果的代碼,就每張圖片地址那里多了個紅色的羽化代碼):
<CENTER>
<MARQUEE   title=點擊圖片進入Goodfun博客  height=300 behavior=alternate width=400 scrolldely="50" align="center">
<TABLE  title=點擊圖片進入Goodfun博客  border=0 cellSpacing=0 borderColor=#999999 cellPadding=0 width=1200 height=300>
<TBODY>
<TR>
<TD height=300 width=400><A  title=點擊圖片進入Goodfun博客   href="
<TD height=300 width=400><A     title=點擊圖片進入Goodfun博客  href=">
</TD>
<TD height=300 width=400> <A   title=點擊圖片進入Goodfun博客   href="
>
</TR></TBODY></TABLE></MARQUEE></CENTER>
效果如下:
好了,今天就先到這里,有時間再交流如何在這樣的效果上面加flash,如何讓這樣的效果在圖片上滾動,及上下跳動的滾動等等!上下來回滾動并列羽化加鏈接的代碼這里就不說了,道理和橫向并列一樣,給每個圖片加個羽化效果的屬性即可!朋友在制作中有問題,可以在Goodfun原文的日志下留下評論和我交流!
本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
水中倒影代碼
特效圖片合成代碼 - 閑散人也的日志 - 網(wǎng)易博客
圖片無縫拼接縱向滾動代碼
大圖音畫的圖片切割方法和上傳的拼接代碼
(原創(chuàng))圖片加框DIY - Q仔的日志 - 網(wǎng)易博客
【轉(zhuǎn)載】詳解:玩博客做大圖音畫的方法步驟
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服

主站蜘蛛池模板: 齐齐哈尔市| 兴山县| 晋城| 洪雅县| 藁城市| 大港区| 凌海市| 黔江区| 京山县| 宁化县| 鄂伦春自治旗| 瓮安县| 宁陕县| 梓潼县| 梁山县| 安溪县| 南郑县| 韶关市| 密山市| 新竹县| 香港 | 宜春市| 仪征市| 司法| 沙雅县| 奈曼旗| 怀宁县| 湛江市| 河池市| 池州市| 贵港市| 灵山县| 石柱| 永川市| 天镇县| 义马市| 普宁市| 玉门市| 万盛区| 锦州市| 新绛县|