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

瑶涵佳人的博客

交流---是人与人之间的沟通渠道,我是瑶涵佳人,这是我的博客。真诚欢迎朋友光临

 
 
 

日志

 
 

【转载】让朋友连接的头像在首页游动起来  

2013-06-19 19:25:33|  分类: 应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

素材/网络 编辑/一舟

名人博客链接 - 一舟 - 一舟的博客
张泉灵
名人博客链接 - 一舟 - 一舟的博客
阮次山
名人博客链接 - 一舟 - 一舟的博客
柴静
名人博客链接 - 一舟 - 一舟的博客
邱震海
名人博客链接 - 一舟 - 一舟的博客
白岩松
名人博客链接 - 一舟 - 一舟的博客
水均益
名人博客链接 - 一舟 - 一舟的博客
赵本山
名人博客链接 - 一舟 - 一舟的博客
李宗盛
名人博客链接 - 一舟 - 一舟的博客
林忆莲
名人博客链接 - 一舟 - 一舟的博客
于丹
名人博客链接 - 一舟 - 一舟的博客
赵雅芝
名人博客链接 - 一舟 - 一舟的博客
汤加丽

名人博客链接 - 一舟 - 一舟的博客
小沈阳
名人博客链接 - 一舟 - 一舟的博客
芙蓉
名人博客链接 - 一舟 - 一舟的博客
倪萍
名人博客链接 - 一舟 - 一舟的博客
周迅
名人博客链接 - 一舟 - 一舟的博客
王小丫
名人博客链接 - 一舟 - 一舟的博客
李咏
名人博客链接 - 一舟 - 一舟的博客
曹颖
名人博客链接 - 一舟 - 一舟的博客
陈鲁豫
名人博客链接 - 一舟 - 一舟的博客
许戈辉
名人博客链接 - 一舟 - 一舟的博客
谢雅芳
名人博客链接 - 一舟 - 一舟的博客
吴小莉
名人博客链接 - 一舟 - 一舟的博客
方秀华

 

 

 

                                      让朋友连接的头像在首页游动起来

       <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设定高度


 

                     让好友头象移动起来 

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

       学习代码使用方法:

       登陆新博客,进入编辑状态:

 

       点排版---模块---自定义---显示---新增(输入你要新增的标题)---保存---再点

       排版下面的保存页    面---将你编辑好的代码直接复制粘贴(点预览可直接

       看效果)---保存---再进行相应的页面调整---再      点排版下面的保存页面 

         (完成后预览看一下效果)

 

 

        <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(高度值)


                   


 
  评论这张
 
阅读(10)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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