博友頭像來回移動加鏈接代碼

Good fun編輯有朋友問起,所以今天把這代碼整理一下,發表出來!希望有朋友有用!

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun上面效果完整代碼如下:<DIV align=center><MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width_=460><TABLE cellSpacing=0 cellPadding=0 width_=20 border=1><TBODY><TR><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD><TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=點擊圖片進入Goodfun博客 height=60 alt=點擊圖片進入Goodfun博客 src="https://www.getit01.com/getimg_360.php?url=http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&amp;b=0" width_=60 border=0></A><BR><A title=點擊文字進入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD></TR></TBODY></TABLE></MARQUEE></DIV>上面效果完整代碼簡化如下:<DIV align=center><MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width_=460><TABLE cellSpacing=0 cellPadding=0 border=1><TBODY><TR><TD><A href="第1個博友鏈接地址" target=_blank><IMG title="圖片提示信息" height=圖片高度 alt="圖片提示信息" src="第1個博友頭像圖片地址" width_=圖片寬度 border=0></A><br><A href="第一個博友的地址" target=_blank>第一個博友的昵稱</A></TD><TD><A href="第2個博友鏈接地址" target=_blank><IMG title=圖片提示信息 height=圖片高度 alt=圖片提示信息 src="第2個博友頭像圖片地址" width_=圖片寬度 border=0></A><br><A href="第2個博友的地址" target=_blank>第2個博友的昵稱</A></TD><TD><A href="第3個博友鏈接地址" target=_blank><IMG title=圖片提示信息 height=圖片高度 alt=圖片提示信息 src="第3個博友頭像圖片地址" width_=圖片寬度 border=0></A><br><A href="第3個博友的地址" target=_blank>第3個博友的昵稱</A> </TD></TR></TBODY></TABLE></MARQUEE></DIV>簡化代碼提示如下:1、代碼「scrollAmount=2」是滾動的速度,你可以改變數值2來改變移動的速度!2、代碼「width_=460」是滾動的區域寬度,也就是說在這個距離里來回滾動,460像素就相當於我首頁中間欄的寬度大小,你可以自己設置!3、第1個博友鏈接地址 就是你那移動的第一張圖片,點擊後去到的博客或者地址。4、「圖片提示信息」就是這個頭像的提示信息,就好像上面的效果,我用了「點擊圖片進入Goodfun博客」的提示!當你把滑鼠放到圖片上就會出來的提示信息又或者圖片載入失敗也就會提示!5、「第1個博友頭像圖片地址」這裡換成你的第一個要連接的博友的頭像圖片的圖片地址(只要右擊你博友的頭像圖片,「屬性」就有了)。6、「width_=圖片寬度;height=圖片高度 」分別是設置這個頭像圖片顯示的寬度和高度,就像最上面的效果,我設置的是「width_=60 height=60 」,你也可以改變等號後面的數值,自己設置。7、「第一個博友的昵稱」我想這個你應該明白不用說吧!「第一個博友的地址」是指點擊這個昵稱去到的網頁或者博客地址。8、上面的簡化代碼只能鏈接3位博友,你想多點,你想多加幾個博友那就在「</TD>」後面加幾段這個代碼:<TD><A href="第N個博友鏈接地址" target=_blank><IMG title="圖片提示信息" height=圖片高度 alt="圖片提示信息" src="第N個博友頭像圖片地址" width_=圖片寬度 border=0></A><br><A href="第N個博友的地址" target=_blank>第N個博友的昵稱</A></TD>好了,祝你製作愉快!博客製作IT技巧博客素材

PS教程U5教程視覺大餐情感訴說flash總匯日誌邊框博客遊戲美女賞析情感攻略博客裝扮音畫素材給Goodfun留言交流 星座測試flash音畫
推薦閱讀:

圖片 文字 移動代碼
不用代碼的精美信紙
29個音頻編輯程序源代碼下載第1頁
html 成品代碼

TAG:代碼 | 頭像 | 鏈接 | 移動 |