引用
月儿 的 代码运用
引用
小小 的 引用 代码运用
一.基本代码:
<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字(图片等)</marquee>
二.各参数详解:
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)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了: 效果:
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 效果:
c)交替效果。
代码如:
<marquee scrollAmount=2 width=300 behavior=alternate>文字内容</marquee>
效果:
d)向右移动:<marquee scrollAmount=2 width=300 direction=right>文字内容</marquee>
效果:
e)向上移动:<marquee scrollAmount=2 height=100 direction=up>文字内容</marquee>
效果:
d)向下移动:<marquee scrollAmount=2 height=100 direction=down>文字内容</marquee>
效果:
e)代码:<MARQUEE scrollAmount=1 direction=up behavior=alternate height=200><MARQUEE scrollAmount=1 direction=up height=100>白日依山尽,<br>黄河入海流:<br>欲穷千里目,<br>更上一层楼。</MARQUEE></MARQUEE>
效果:
f)代码:<MARQUEE scrollAmount=2 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150>白日依山尽,<br>黄河入海流:<br>欲穷千里目,<br>更上一层楼。</MARQUEE></MARQUEE>
效果:
g)代码:<MARQUEE scrollAmount=1 behavior=alternate height=160 width=460><MARQUEE scrollAmount=1 direction=up height=160 width=456>白日依山尽,<br>黄河入海流:<br>欲穷千里目,<br>更上一层楼。</MARQUEE></MARQUEE> 白日依山尽, 黄河入海流:
欲穷千里目,
更上一层楼。
效果:
白日依山尽, 黄河入海流:
欲穷千里目,
更上一层楼。
添加图像的方法:
我要添加图像不想设定宽度则代码为
<img src=>
需要设定宽度是代码为
<img src=图像地址 width=图像宽度 height=图像高度>
宽度以像素为标准。如果你需要添加的图像过大时也许用得着。比如width=510...
图像地址是你在网上或者你相册里的图像点右键--属性--复制下来那个地址就是我这里所说的图像地址
添加地址连接方法:
<a target="_blank" href="网页地址">说明文字</a>
网页地址:即你想想让大家连接的地址
说明文字:大家会点击你设置的说明文字进入该网站
关于现在流行的交换连接的代码:
<a href="你的博客地址" target="_blank"><IMG alt="你的博克名称"src="你的博客图像地址" align="top" border="1"></a>
{特别提示}
你的博客地址:你博客在预览状态下的博客地址
你的博克名称我就不多言:说明文字
你的博客图像地址:我是说常用的。。。你的博客上的“关于我”模块上的图片。点右键获取连接地址即可。
---------------------------------------------------------------------
所有上面的代码都需要你灵活的应用。你的博客才能够变得丰富多彩。
将这些代码替换到移动字。飞行字。阴影字。。。里的:“文字”里。。也会各种不同的效果。。。需要大家勇于尝试。。。做出自己喜欢的blog
---------------------------------------------------------------------
1)贴图:<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
4)移动字体(走马灯):<marquee>写上你想写的字</marquee>
5)字体加粗:<b>写上你想写的字</b>
6)字体斜体:<i>写上你想写的字</i>
7)字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>
10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
16)换行:<br>
17)段落:<p>段落</p>
图片代码
1.基本代码
<img src=图片网址 width=图片宽度 height=图片高度>
2.给图片加边框
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=图片网址 width=600 height=407></td></tr></table>
说明:
border="6" 表格边框的厚度
cellspacing="2" 表格格线的厚度
cellPadding=1 表格格线内厚度
borderColor=#841A00 边框色彩
图片朦胧效果
A.圆形效果
代码: <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">
B.方形效果
代码: <IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375>
C.椭圆效果
代码: <IMG src="图片" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" width=500 height=375>
评论