阿克苏热电厂:不懂代码的看了马上会做 会!超全超详细讲解

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 04:58:09
下文非原创 但绝对精辟 黄岛主.精心收藏 但不敢独享 本岛主天生愚钝 但已对众师所言领悟一二 你当然可以
一、图片向左移动

从右向左移动
代码

从右向左移动

二、图片向右移动

从左向右移动
代码

从左向右移动

三、图片向上移动

代码



四、图片向下移动

代码



五、图片左右来回移动

代码



六、图片上下来回移动

代码



七、图片波浪式移动

代码


八、图片波浪式来回移动

代码


九、图片由中间向两边移动

代码




十、图片上下向中间移动


代码






十一、图片躲躲,跑给你追移动

代码


十二、图片躲躲,跑给你追移动

代码




十三、图片躲躲,跑给你追移动

代码




十四、图片躲躲,跑给你追移动

代码




十五、图片往上飘移

代码




十六、图片走走停停

代码




十七、多图片向上移动



代码





十八、图片对开移动

代码











十九、图片展开和收起

代码


注:移动高度=图片高度
二十、图片展开和收起




注:移动宽度=图片宽度
二十一、图片移动特效+Flash

',1)">
代码










各参数详解:
1)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
4)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
制作一个唱歌模版
2008-7-25     星期五     多云
每个人都有自己特别喜欢的歌曲,常常也希望自己的朋友能分享。
既如此,何不把它置于博客首页,让访客一进门就能欣赏呢。
那么,就制作这样一个模版吧。
代码如下:

请您欣赏歌曲

注:1、紫色字处待贴入图片或音乐地址,或改写文字;
2、贴入模版方法参阅:http://yaya8765678.blog.163.com/blog/static/1285264720080307537435/edit/
3、音乐地址获得参阅:http://yaya8765678.blog.163.com/blog/static/1285264720086974823611/edit/
4、首页加音乐模版后,应关闭首页音乐自动播放或隐藏它,以免嘈杂。
模版效果:

yaya请您欣赏歌曲
(选辑)博客装饰动画
代码编转:三月飞春雪
',2)">

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
',3)">
 
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
',4)">

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
',5)">

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
请翻页阅读
',6)">


,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
',7)">

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
',8)">

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
',9)">

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
vior=slide width=240 height=310>








其中
1、  behavior="scroll" 滚动的方式,scroll 为一圈一圈绕着走。
scrollAmount=3 滚动的速度,数值越大,速度越快,反之则慢。
direction=left 滚动的方向 left 是由右向左。
onmouseover='this.stop()' 有止停功能,this.stop() 鼠标放上就停止。
onmouseout='this.start()' 有止停功能,this.start() 鼠标离开就滚动
2、  "../../../xiyuan/img/i-meihua/xm-02.jpg" 照片在本网中的位置,
xiyuan/img/i-meihua 在本网的文件夹中,
xm-02.jpg 照片名称及格式。
3、 width="100" height="75">
width="100" 照片的宽度为100像素值。
height="75" 高度为75像素值。
4、如需要多设可将 这一行进行复制,放在 前面即可。
立体式滚动图片的代码


 


卷帘式滚动图片的代码及效果
1、一般滚动图的头尾中间有断隙,一个巡环后等于从头另来,断续感影响画面完整,下面介绍的代码可消除间隙,改动代码方向及排续可产生不同效果,掌握其原理后的运用在自己。
代码:

vior=slide width=240 height=310>




,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
中国美女欣赏 代码

北京——高圆圆

上海——孙俪

天津——贾静雯

重庆——蒋勤勤

广东——蒙嘉慧

四川——张含韵

江苏——韩雪

浙江——周迅

江西——陈红

湖北——刘亦菲

湖南——宋祖英

山东——范冰冰

山西——张延

青海——韩晶

西藏——韩红

宁夏——梁毅苗

新疆——李霞

陕西——苗圃

黑龙江——李冰冰

吉林——舒畅

辽宁——董洁

广西——文清

福建——张静初

贵州——宁静

安徽——赵薇

云南——胡静

海南——陈秀雯

河北——孙菲菲

河南——马艳丽

内蒙古——王丽坤

甘肃——王思懿

香港——张柏芝

澳门——李嘉欣

台湾——林志玲


中国美女欣赏
北京——高圆圆
上海——孙俪
天津——贾静雯
重庆——蒋勤勤
广东——蒙嘉慧
四川——张含韵
江苏——韩雪
浙江——周迅
江西——陈红
湖北——刘亦菲
湖南——宋祖英
山东——范冰冰
山西——张延
青海——韩晶
西藏——韩红
宁夏——梁毅苗
新疆——李霞
陕西——苗圃
黑龙江——李冰冰
吉林——舒畅
辽宁——董洁
广西——文清
福建——张静初
贵州——宁静
安徽——赵薇
云南——胡静
海南——陈秀雯
河北——孙菲菲
河南——马艳丽
内蒙古——王丽坤
甘肃——王思懿
香港——张柏芝

澳门——李嘉欣

台湾——林志玲

点击进入三月飞春雪博客
滚动.透明.对开图制作
滚动.透明.对开图制作






#为了学习分析方便,只提供了一张滚动图的代码(红色部份),根据自己需要可任意复制头尾相接加进即可
########################################################################################    (透明图)
#把上面红色部份滚动图代码换上此码即变为透明图像 ................................................................................................................................................................................    (对开图)








移 动 代 码
一.基本代码:
插入文字(图片等)
二.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
三.实例
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上就可以了。如下效果,代码是中央电视台,点击中央电视台就可以进入了:
效果:
中央电视台
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
文字内容

效果:
文字内容
c)交替效果。
代码如:
文字内容
效果:
文字内容
d)向右移动:文字内容
效果:
文字内容
e)向上移动:文字内容
效果:
文字内容
d)向下移动:文字内容
效果:
文字内容
e)代码:白日依山尽,
黄河入海流:
欲穷千里目,
更上一层楼。

效果:
白日依山尽,
黄河入海流:
欲穷千里目,
更上一层楼。
f)代码:白日依山尽,
黄河入海流:
欲穷千里目,
更上一层楼。

效果:
白日依山尽,
黄河入海流:
欲穷千里目,
更上一层楼。
g)代码:白日依山尽,
黄河入海流:
欲穷千里目,
更上一层楼。

效果:
白日依山尽,
黄河入海流:
欲穷千里目,
精彩移动代码: 效果一.

效果二.

效果三.

移 动 代 码
精彩移动代码: 效果四.

效果五.

效果六.

效果八.

效果九.

精彩移动代码: 效果十.

效果十一.

效果十二.










精彩移动代码: 效果十三.










效果十四.

几种友情连接的代码
【大小可根据自己的板面自行调节】

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称

链接名称
 
点击进入友情链接代码互换
文字连接代码:










链接名称

链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称
链接名称

点击进入友情链接代码互换


【第一种图片链接】

第一种图片链接代码:


【第二种图片链接】


第二种图片链接代码:


【第三种图片链接】

博主大名1 博主大名2 博主大名3 博主大名4 博主大名5 博主大名6 博主大名7 博主大名8 博主大名9 博主大名10 博主大名11 博主大名12 博主大名13 博主大名14 博主大名15 博主大名16
第三款代码:







































博主大名1博主大名2博主大名3博主大名4博主大名5博主大名6博主大名7博主大名8博主大名9 博主大名10博主大名11博主大名12博主大名13博主大名14博主大名15博主大名16



简单注解:(链接地址1→头像图片地址2→博主大名3→这三项一定要对应)
图片翻转滚动代码


原图:

下翻图:

左翻图:
右进

图文地址
左进

图文地址
爬山


<图文地址

交叉







图文地址1


图文地址2

追赶








    图文1
    图文2
    图文3
    图文4



潜泳

图文地址
溜冰



图文地址
滚动图片代码
基本格式:代码direction(属性)
决定文本滚动方向:向左=ieft     向右=right
向上 = up    向下=down
mar quee behavior=scroll>一圈一圈地滚动
marquee behaviro=slide>只滚动一次就停止
滚动图片代码语法及使用:
例如下















说明:  按以下代码可改变卷帘方向产生不同效果:
向下: direction=up向上: direction=down 向左: direction=right 向右: direction=left
附图框代码:   
此处添加图片代码

附添加文字标题的链接代码:

2、












































一上一下滚动图片特效代码:

快来看哟!

由中间向两边移动的文字和图像
代码:



由中间向两边移动的文字和图像
由中间向两边移动的文字和图像


中间相对上下移动:
1、代码:

2、代码




中间向两边移动:




滚动图片效果一: