滚动图片加链接的制作方法

2011-06-02 17:18:44|  分类：博客制作(图片类) |  标签： |字号大中小

 

将向博客新手详细解讲制作过程

http://hdly006502.blog.163.com.

撰文：寒冬腊月

一、首先,还是从单张静态图片加代链接讲起:

1、下面的这张小图片,是本人曾经用过的一张网易博客主页『头像』;现在我是用插图的方式添加进日志的; 见下图:

该图片在日志代码框内,形成如下代码:

<P><IMG src="http://image35.360doc.com/DownloadImg/2011/09/0217/16919521_9.jpg"></P>

2、如果此时,我们在该段代码中再添加进一段"链接"含意的代码;如:

<A href="http://hdly006502.blog.163.com/" target=_blank> 整合成一段如下新代码;(即可为该图片加一个链接了);

<P><A href="http://hdly006502.blog.163.com/" target=_blank><IMG src="http://image35.360doc.com/DownloadImg/2011/09/0217/16919521_9.jpg"></P>

说明:红色处为本人网易博客主页、兰色处为"头像"图片地址;

3、然后复制整合好的代码并将之粘贴到日志代码框或主页"自定模块"框内;生成图片后,鼠标点击该图片,即可进入本人博客主页;点击下图:

点击该图,进入我的主页

二、单张滚动图片加链接方法:

1、首先看一下它的滚动效果图:

<MARQUEE scrollAmount=4 scrollDelay=60 width="90%" height=90><IMG src="http://image35.360doc.com/DownloadImg/2011/09/0217/16919521_9.jpg" width=100 border=0></MARQUEE>

具体操作方法,参见:

  点击进入 → 单张图片『滚动』的制作方法

2、方法和上面单张静态图片(2)相同,只要在上述代码中添加:

<A href="http://hdly006502.blog.163.com/" target=_blank>

整合后的新代码如下:

<MARQUEE scrollAmount=4 scrollDelay=60 width="90%" height=90><A href="http://hdly006502.blog.163.com/" target=_blank><IMG src="http://image35.360doc.com/DownloadImg/2011/09/0217/16919521_9.jpg" width=100 border=0></MARQUEE>

3、然后复制整合好的代码并将之粘贴到日志代码框或主页"自定模块"框内;生成图片后,鼠标点击滚动图片,即可进入本人博客主页;点击下图:

相关文章链接: