滴墨斋主的后花园

.

日志

关于我

滴墨斋主

文章分类

引用代码运用

2008-06-06 16:21:15| 分类：巧用代码 | 标签： |举报 |字号大中小订阅

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

图片代码

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>

滴墨斋主的博客欢迎您！

评论这张

转发至微博

阅读(463)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_084069083087088071082085086095080084083069080087083070',
              blogTitle:'引用  代码运用',
              blogAbstract:'<P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://xia508403.blog.163.com/\" \>月儿</A\> 的 <A target=\"_blank\" href=\"http://xia508403.blog.163.com/blog/static/112820572008225557625\" \>代码运用</A\><BR\>  <P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://xaodao258.blog.163.com/\" \>小小</A\> 的 <A target=\"_blank\" href=\"http://xaodao258.blog.163.com/blog/static/493203992008122113858909\" \>引用 代码运用</A\><BR\>  <P\>一.基本代码： </P\>  <BLOCKQUOTE\>  <P style=\"TEXT-INDENT: 2em;\"  \><marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字（图片等）</marquee> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>二.各参数详解： </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。</P\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/4226415520085642115933',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317043766211,
              publishTime:1212740475933,
              permalink:'blog/static/4226415520085642115933',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/4226415520085642115933">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

滴墨斋主的后花园

导航

日志

引用代码运用

历史上的今天

最近读者

热度

评论

页脚

滴墨斋主的后花园

导航

日志

引用 代码运用

历史上的今天

最近读者

热度

评论

页脚

引用代码运用