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

江南浪子的博客

“清茶几许、人生百味……”

 
 
 

日志

 
 
关于我

本站文章除注明【原创】外,均来源于网络。文摘辑翠,配图编辑,增加可读性。阳春白雪、下里巴人,雅俗共赏,欢迎朋友们分享。每天都有新精彩,每天都有新期待! 联系方式:13065197070(weixin号同)

网易考拉推荐

博客特效代码:图片或文字在博客任意位置飘移的代码  

2013-02-12 15:08:34|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
博客特效代码:图片或文字在博客任意位置飘移的代码 - 江南浪子 - 江南浪子的博客

有人问我飘移头像是怎么弄的,以下代码是本人博客使用的,头像图片可以在博客任意位置飘移。

需要提醒的是:如果页面内容过多、尤其是FLASH过多或者使用的代码过多,飘移的效果就不会太流畅,卡得很。

 

<DIV style="POSITION: absolute; TOP: -200px">
<DIV style="Z-INDEX: 2; POSITION: relative; WIDTH: 1650px; TOP: 0px; LEFT: -450px">
<MARQUEE behavior=alternate scrollAmount=5>
<MARQUEE direction=up height=850 behavior=alternate width=150>

<A href="http://w13065197070.blog.163.com/" target=_blank><IMG title=点击进入“江南狼子” src="http://img4.cache.netease.com/photo/0005/2013-02-04/8MTD46894FFC0005.jpg" width=150></A>

</MARQUEE></MARQUEE></DIV></DIV>

 

绿色部分是博客地址,黄色部分是图片地址,把它们换成你自己的;另外代码里的各项数值根据需要调整,反复修改、查看,直到合适为止。

 

此代码可放到左侧模块,不会占用模块的实际显示空间,无需单独添加模块,只要放到别的有内容显示的模块里即可。

 

上述代码中的这部分:

<A href="http://w13065197070.blog.163.com/" target=_blank><IMG title=点击进入“第8洲” src="http://img4.cache.netease.com/photo/0005/2013-02-04/8MTD46894FFC0005.jpg" width=150></A>

实际就是带有链接的图片代码,如果把这部分内容换成文字,那么就成了文字飘移;如果把这部分内容换成视频、flash代码,那么就成了视频、flash飘移——想让什么飘移,就换成什么代码

 

本人对博客代码、博客美化、博客技巧的体会是

——代码的使用和创造,有很多都是举一反三、拆分组合、妙手偶得!!!独家首创博客特效代码:图片或文字在博客任意位置飘移的代码



如果你喜欢此日志,请点击日志左下方的“推荐”,让大家分享,也欢迎你点击日志右下方的“引用”(转载),也算是对 江南浪子的支持,谢谢!!!!!

  评论这张
 
阅读(543)| 评论(14)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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