登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

竹林深处报平安

千磨万击还坚韧 任你东西南北方

 
 
 

日志

 
 

博客实用代码汇编(七)  

2008-02-08 15:34:48|  分类: 代码应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

博客实用代码汇编(七)


图片式地址链接


武 克 整 理



希望朋友们喜欢!


代码在线运行检测

 

一、一般式链接的代码

 

一)一个图片的地址链接:

<P align=center><A href="链接地址" target=_blank><IMG src="图片地址" border=0></A>

 

二)多个图片的地址链接:

<P align=center><A href="链接地址"target=_blank>

<IMG src=图片地址>

&nbsp;&nbsp;<IMG src=图片地址>

&nbsp;&nbsp;<IMG src=图片地址>

&nbsp;&nbsp;<IMG src=图片地址></P></A>

 

 

二、移动式链接的代码

 

一)一个图片的地址链接:

<marquee behavior="scroll" direction=right width="100%" height="128" scrollamount="2" scrolldelay="30" ><a target="cont" href="链接地址"><img src="图片地址" width="128" height="128" border="0"></a></marquee>

 

二)多个图片的地址链接:

<DIV style=" WIDTH: 100%">

<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width="100%" height="128">

<A href="链接地址" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>

<A href="链接地址" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>

<A href="链接地址" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>

<A href="链接地址" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>

<A href="链接地址" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>

</MARQUEE></DIV>

 

说明:

1)width="100%" height="128" 这是模块整体的宽和高,在网易博客中宽度就设定为100%不用变,可以跟据你模块摆放的位置自适应。高度可以跟据你需要进行调整。图片链接后面都有一个width=128是这张图片的宽度,需要跟据自己的图片大小进行调整的;

2) 可以根据自己的需要重复使用以上代码,从而增加链接的数目,图片之间间隔可用空格代码&nbsp;来调整;

2)scrollAmount=3是移动速度;

3)direction=left 这是图片的滚动方向,可以有四个方向,分别是right从左到右,left从右到左, down是从上到下,up是从下到上;

 

 

三、幻灯式链接的代码

 

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image2.sina.com.cn/bj/zonghe/pixviewer.swf width=210 height=180 type=application/x-shockwave-flash QUALITY="high" MENU="false" FLASHVARS="pics=图片1|图片2|图片3|图片4|图片5&links=文章1|文章2|文章3|文章4|文章5&texts=题目1|题目2|题目3|题目4|题目5&borderwidth=210&borderheight=170&textheight=20" BGCOLOR="#FDD248" WMODE="opaque" ></EMBED>

 

说明: 1)width="180" height="200" 是幻灯片的尺寸,可以自行调节;

2)bgcolor="#fdd248" 是背景颜色,textheight=20 是文字区域高度,可以自行调节;

3)图片是你上传到网上的网络地址;

4)文章是你要链接的日志或网页地址;

5)题目是显示在幻灯片每页下部的名字。

 

 

四、在图片两边加带文字的链接

 

<P><IMG height=201 hspace=30 src="图片链接地址" width=154 align=left border=0>

<A href="文章链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A></P>

 

说明:1)可根据自己的需要重复使用以上代码,从而增加链接的数目。两个链接之间可使用代码<br>来换行;

2)图片的大小可改变width="宽度" height="高度"的数值来调节。

3)hspace=是图片与链接文字之间的距离,align=left将left换成right则变为在图片左边加带文字的链接。



祝您浏览愉快!

更多精彩,请您点击:

 

博客在线工具大全
名家博客实用教程
博客实用素材大全
博客实用代码汇编

博客实用代码汇编(七) - 武克 - 武  克  博  客

  评论这张
 
阅读(4564)| 评论(7)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018