分享

怎样制作好友链接及图像移动

 红尘精灵 2012-05-03

 怎样制作好友链接及图像移动 - 海珠儿 - 海珠儿 blog

怎样制作好友链接及图像移动

引用

竹海临风好友链接及图像移动

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200"

height="230"><div align="center"><a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a> <a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a> <a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a> <a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a>

......

动作如下:用法只将代码中direction="up"引号中的文字换成下面的动作代码简称就行。

方法:[例]direction="slide"


slide滑动
scroll预设卷动
alternate来回卷动
down向下卷动
up向上卷动
right向右卷动
left向左卷动


width=180设定宽度
height=30设定高度


 

让好友头象移动起来(寒秋自行研究)

此代码经几番试验后,可以使用,具体效果可见我的博客首页。本人所有个人学习代码使用方法:

1、在首页右上角点击“设置”----在出现的窗口中点击“开始装扮博客”----在出现的首页顶栏选择“设置首页内容”;

2、稍后便进入模块选项对话框,然后选择顶下面的“添加自定义模块”,片刻之后,就会出现一个自定义模块对话框;

3、在出现的对话框中粘贴代码;

4、给模块命名后点确定,模块就在首页了,再点顶上面的"保存修改"。

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>
<description><div> <a href="好友博客地址"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
<a href="好友博客地址"> <img

src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

<a href="好友博客地址"> <img

src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

......

WIDTH: 397px; HEIGHT: 200px 为:显示窗口大小

width="80" height="80"为好友头像的图片大小

可以根据自己需要进行调整

单行文字向上移动代码:

<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字

多行文字同步向上移动代码:

<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a

......

文字向左移动代码:

<marquee scrollAmount=1.5 width=250 height=350
direction=up<description><ul>
<description><ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
......

文字向右移动代码:

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>
<a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
......

scrollAmount=1.5(为速度值,值越小速度越慢,反之越快)

width=250(宽度值)

height=350(高度值)

所有代码的粘贴法(献给初学者)

所有代码的粘贴法(献给初学者) - 海珠儿 - 海珠儿 blog

所有代码的粘贴法

1、怎样在首页添加一个新的自定义模块来粘贴代码,其具体步骤请参看--- 怎样添加自定义模块和在自定义模块中做动画的超级链接

2、怎样在日志窗口的HTML代码编辑器中粘贴代码进行编辑

A、首先要能分清是在日志编辑窗口还是在HTML代码编辑器中,打开日志后点击“写日志”就进入了“日志编辑窗口”,如果要进入“HTML代码编辑器”那就要点击右上角的“全部功能”,然后在工具栏内择按钮<>就进入了。也就是当鼠标箭头对着<>按钮时,如果出现“显现HTML代码”的字样,说明这还在日志编辑状态,这个状态下可以对文字进行编辑;点击<>按钮后再用鼠标箭头对着<>,如果出现的是“隐藏HTML代码”的字样,说明已经进入了HTML编辑器,这个状态下,就可以粘贴代码在其中了;

B、粘贴代码后可点击右上角的“预览”,预览不成功,又回到代码编辑器中进行编辑,直到成功为止。

所有代码的粘贴法(献给初学者) - 海珠儿 - 海珠儿 blog所有代码的粘贴法(献给初学者) - 海珠儿 - 海珠儿 blog所有代码的粘贴法(献给初学者) - 海珠儿 - 海珠儿 blog所有代码的粘贴法(献给初学者) - 海珠儿 - 海珠儿 blog所有代码的粘贴法(献给初学者) - 海珠儿 - 海珠儿 blog

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约