欢迎来到互联友吧!导航模块代码 | ||
第一种:博客首页.图片+文字+左向滚动的导航模块代码:
本篇友情提示:(因网易版本设限.有些编码语言不能转贴.您在贴入时保持代码整洁有序.上面如不当会引文字起被遮盖.如您会PS和FW等图像软件可以把文字直接写上图片.您如果有招也不凡教于我们互相学习!) 分享代码如下:以下代码是20个图片导航代码是刚做出来的原码.您可以根据个人需求再加减代码: <TABLE style="BORDER-RIGHT: #336666 1px solid; BORDER-TOP: #336666 1px solid; FONT-SIZE: 100px; BORDER-LEFT: #336666 1px solid; WIDTH: 100%; BORDER-BOTTOM: #336666 1px solid; HEIGHT: 100px" align=center> <TBODY> <TR> <TD> <MARQUEE style="WIDTH: 100%; HEIGHT: 105px" scrollAmount=3 scrollDelay=100> <P> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> <A href="网页地址" target=_blank><IMG height=100 alt=加上文字 src="图片地址" width=95 border=0></A> </P></MARQUEE></TD></TR></TBODY></TABLE> 置入博客方法如下图解:
第二种:视频样式的.图片+边框+滚动+飘浮文字+音频播放器的博客首页导航模块代码:是08.04.13日原创刚做好的:
| ||
代码如下:
<P>
<TABLE style="BORDER-RIGHT: #162b3b 2px solid; BORDER-TOP: #162b3b 2px solid; BORDER-LEFT: #162b3b 2px solid; BORDER-BOTTOM: #162b3b 2px solid" borderColor=#1c2b3b height=134 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>
<DIV><A>
<TABLE style="BORDER-RIGHT: #28435b 3px solid; BORDER-TOP: #182836 3px solid; BORDER-LEFT: #28435b 3px solid; WIDTH: 100%; BORDER-BOTTOM: #315270 5px solid; HEIGHT:"120px" borderColor=#315270 align=center border=0>
<TBODY>
<TR>
<TD>
<MARQUEE style="WIDTH: 100%; HEIGHT: 100px" scrollAmount=9 scrollDelay=80 behavior=alternate align="middle" border="0">
<A href="http://movie.gougou.com/" target=_blank><IMG src="http://img.blog.163.com/photo/oNFtxd-VwpnxdbJCtFY8dw==/3100446868468157919.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>狗狗影视</FONT></B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/7355258920083205545287/" target=_blank><IMG src="http://img.blog.163.com/photo/DNMpSMwu3o4ZOXIboGOGVw==/5690579604159579908.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>十万音乐</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/735525892008321249328/" target=_blank><IMG src="http://img.blog.163.com/photo/ulwhjGBooe61NeuIMpZacA==/5690579604159579920.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#4oe04d>本地视频</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/735525892008312112417541/" target=_blank><IMG src="http://img.blog.163.com/photo/AOyN-aEyArsutoFfHNrnMQ==/5690579604159579931.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>游戏天地</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/735525892008321259682/" target=_blank><IMG src="http://img.blog.163.com/photo/QRFew8Slj_aEpFsFLmJw5g==/5657365556908090893.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#4oe04d>漂亮服饰</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/73552589200881510571955/" target=_blank><IMG src="http://img.blog.163.com/photo/ORFAO80IMzcqcMJ-d50BTQ==/5690579604159579906.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>完美靓居</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/7355258920083224256174/" target=_blank><IMG src="http://img.blog.163.com/photo/zfx2Y7GJGvFdKHybsNeHMA==/5690579604159579917.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>风景游览</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.souid.com/" target=_blank><IMG src="http://img.blog.163.com/photo/6lh1hjF0Zcv8L9on
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#4oe04d>世界之最</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.jvvvv.com/zgzz.html" target=_blank><IMG src="http://img.blog.163.com/photo/N8-4db50EExn1uc-VS5gXQ==/4518799276113436572.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>中国之最</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://bbs.netfriends.com.cn/" target=_blank><IMG src="http://img.blog.163.com/photo/OhWNHsqM73sL482JD2oKzQ==/3439342740427881588.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#4oe04d>网友世界</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/73552589200831410224340/" target=_blank><IMG src="http://img.blog.163.com/photo/30tvbguQg-yO94_h-NcppA==/3439342740427881586.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#0feadd>护理博客</FONT></B></FONT></MARQUEE></MARQUEE></A><A href="http://www.u8.blog.163.com/blog/static/7355258920083204529924/" target=_blank><IMG src="http://img.blog.163.com/photo/WdA9lRF1qIr3f8anunORcg==/4020588567335752948.jpg">
<MARQUEE scrollAmount=4 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=4 behavior=alternate width=70><FONT size=4 bordercolor=":#336666"><B><FONT color=#4oe04d>友吧日记</FONT></B></FONT></MARQUEE></MARQUEE></A></MARQUEE></TD></TR></TABLE></A></MARQUEE></DIV></TD></TR>
<TR>
<TD align=left>
<P align=center><embed style="FILTER: alpha(opacity=90 Style=3 FinishOpacity=0)black(); style: " src=http://mp3.blog.163.com/mu_l/hfHfYMlXUNKdpjLKQXNL4Q==/66146619527024763.WMA width=290 height=27 type=video/x-ms-asf volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></P>
置入博客方法同上!这是本人的模块!您也可置入自己博客让我们一同分享最新的快乐!
您还可以把深颜色的代码修改成自己的网页地址和图片地址和换上自己的说明文字!
本模块透明底!音乐地址也可以自定义的修改:http://..............wma"在代码的倒数第三行.
一定要是wma格式的音乐!
友吧欢迎您的来访!同时敬祝工作一帆风顺!合家幸福!
第三种:是单张图片同时和文字做双连接的滚动导航代码
十万首音乐 |
代码如下:
<TABLE borderColor=#336666 height=120 cellSpacing=0 cellPadding=0 width=570 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE style="WIDTH: 400px; HEIGHT: 120px" scrollAmount=4 align="middle">
<P><A href="http://www.u8.blog.163.com/blog/static/7355258920083205545287/" target=_blank>
<IMG height=100 src="http://img.blog.163.com/photo/oNFtxd-VwpnxdbJCtFY8dw==/3100446868468157919.jpg" width=95 border=0><FONT color=#33666 size=1>
<BR>十万首音乐</FONT></A></P></MARQUEE></TD></TR></TBODY></TABLE>
第四种:滚动图片+飘移文字的导航条:
|
代码如下:
<DIV>
<TABLE style="BORDER-RIGHT: #336666 1px solid; BORDER-TOP: #336666 1px solid; FONT-SIZE: 100px;
BORDER-LEFT: #336666 1px solid; WIDTH: 22px; BORDER-BOTTOM: #336666 1px solid; HEIGHT: 100px"
align=center>
<TBODY>
<TR>
<TD>
<MARQUEE style="WIDTH: 220px; HEIGHT: 100px" scrollAmount=3 scrollDelay=80 behavior=alternate
align="middle" border="0">
<P><A href="http://www.u8.blog.163.com/blog/static/7355258920083204156765/" target=_blank>
<IMG src="http://img.blog.163.com/photo/K9_KUTjcUkEMd5p5pIAL1Q==/5690579604159579925.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>网店介绍</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/735525892008320271476/" target=_blank>
<IMG src="http://img.blog.163.com/photo/oNFtxd-VwpnxdbJCtFY8dw==/3100446868468157919.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>我的网店</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://tqzh8888.blog.163.com/" target=_blank>
<IMG src="http://img.blog.163.com/photo/fDAnx2nS0mY4NiPpuNz6Rg==/2615746958572541070.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>我的博客</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/7355258920083205545287/" target=_blank>
<IMG src="http://img.blog.163.com/photo/-JRZsv2uESzXV0lCyzSA_A==/5359002081594505384.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>十万音乐</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/735525892008321249328/" target=_blank>
<IMG src="http://img.blog.163.com/photo/ulwhjGBooe61NeuIMpZacA==/5690579604159579920.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>影视频道</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/735525892008312112417541/" target=_blank>
<IMG src="http://img.blog.163.com/photo/AOyN-aEyArsutoFfHNrnMQ==/5690579604159579931.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>游戏天地</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/735525892008321259682/" target=_blank>
<IMG src="http://img.blog.163.com/photo/QRFew8Slj_aEpFsFLmJw5g==/5657365556908090893.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>漂亮服饰</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/7355258920083211957652/" target=_blank>
<IMG src="http://img.blog.163.com/photo/ORFAO80IMzcqcMJ-d50BTQ==/5690579604159579906.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>完美靓居</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/7355258920083224256174/" target=_blank>
<IMG src="http://img.blog.163.com/photo/zfx2Y7GJGvFdKHybsNeHMA==/5690579604159579917.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>风景游览</B></FONT></MARQUEE></MARQUEE></A><A href="http://www.souid.com/" target=_blank>
<IMG src="http://img.blog.163.com/photo/6lh1hjF0Zcv8L9on
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>世界之最</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.jvvvv.com/zgzz.html" target=_blank>
<IMG src="http://img.blog.163.com/photo/N8-4db50EExn1uc-VS5gXQ==/4518799276113436572.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>中国之最</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://bbs.netfriends.com.cn/" target=_blank><
IMG src="http://img.blog.163.com/photo/OhWNHsqM73sL482JD2oKzQ==/3439342740427881588.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>网友世界</B></FONT></MARQUEE></MARQUEE></A>
<A href="http://www.u8.blog.163.com/blog/static/73552589200831410224340/" target=_blank>
<IMG src="http://img.blog.163.com/photo/30tvbguQg-yO94_h-NcppA==/3439342740427881586.jpg">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=100>
<MARQUEE scrollAmount=3 behavior=alternate width=70><FONT size=4 bordercolor=":#336666">
<B>护理博客</B></FONT></MARQUEE></MARQUEE></A>
</P></MARQUEE></TD></TR></TBODY></TABLE></DIV>
您好!上面的滚动命令主要是往左向或左右摆方向!您也可根据所需自定命令:
只要在刚开始的几行内找到代码:"<marquee"在后面空一格再填上或者修改成:
direction="down":向下</marquee>
direction="left":向左</marquee>
direction="right":向右</marquee>
direction="up":向上</marquee>
另外要修改字体或边框颜色的就把上面代码中的"=#"
后面的阿拉伯数字值根据颜色表修改一下!
音乐地址也可以自定义的修改:http://..............wma"
在代码的倒数第三行.一定要
是wma格式的音乐!
评论