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

.

一种琴音抚人生,一段相逢醉天涯。

 
 
 

日志

 
 

博客代码运用  

2009-04-30 10:33:20|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

淡淡的薄雾博客代码运用

淡淡

淡淡 的的 薄薄 雾雾 

 

 淡淡的薄雾欢迎您, 点击进入! 

┊淡淡的薄雾谢谢大家的支持 ┊

 

  移 动 代 码

一.基本代码:

<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>

 

时钟代码,挺朴素的~

<embed   src="http://lizi50.dnsmy.com/shizhongku/clock82.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>


这个是Twins时钟代码
<embed   src="
http://www.59178.com/Twins/Twins07.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>


具体步骤1 点击排版,选择模块选项。2 找到添加自定义HTML选项 3 把以上代码部分粘贴上去,保存完毕。
==========================================================


然后是音乐盒
<embed type="application/x-mplayer2"
pluginspage="
http://www.microsoft.com/Windows/MediaPlayer/"
autostart="false" height="69" width="320" transparentstart="1" SHOWSTATUSBAR="1" loop="0"
controller="true"
src="这里填写在线音乐地址
http://XXX"></embed>

 

操作步骤同上。
==========================================================

艺术字代码
<DIV style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); COLOR: #ffffff; HEIGHT: 19pt; face: Verdana">抖落身上的灰尘,一切都是如此的清静.然后,驾一叶扁舟,去山谷最深处,寻找那个已等待自己很久的人,听他讲动人的故事 </DIV>


里面的文字自己改,步骤同上。
===========================================================

停留记录
<p align=center>您潜水底多久了:</p>
<p align=center><IMG height=20 src="
http://album.sina.com.cn/pic/4723cdbf020002uq"
width=15><IMG height=20 src="
http://album.sina.com.cn/pic/4723cdbf020002up" width=15>分<IMG
height=20 src="
http://album.sina.com.cn/pic/4723cdbf020002uo" width=15><IMG height=20
src="
http://album.sina.com.cn/pic/4723cdbf020002un" width=15>秒</p>


淡淡的薄雾


欢迎你


<TABLE align=center background=http://www.dabaoku.com/gif/168/gif016.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 30pt" face=隶书 color=#336699><B><BR>淡淡的薄雾<BR><BR><BR>欢迎你<BR></B></FONT></TD></TR></TBODY></TABLE><BR><BR>

  评论这张
 
阅读(26)| 评论(1)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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