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

宁静的夏天

文字代码 图片代码 导航代码 模块代码 技巧代码 网页美化

 
 
 

日志

 
 
 
 

怎样制作滚动图片和滚动浏览条  

2010-01-10 19:56:29|  分类: 博客代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一.如何制作滚动图片 首先要明白:滚动图片的代码,这一串代码是通用的,谁做都可用这串代码,当然代码的参数可按自己的要求来改,参数有:滚动窗口的大小、图片的大小、滚动的方向和频率等,根据你需要的图片多少可以增加或者删减代码。代码是:

<MARQUEE scrollAmount=4 scrollDelay=60 direction=right width=190 height=250>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0>

   <IMG width=350 height=250 src="图片地址" border=0></MARQUEE>

下面中国十大名花的效果图:

             2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆 2010年1月10日 - 发呆 - 发呆

 图片地址也可以是你的相片地址,让你的相片滚动起来,一定感觉是很爽的事,给你的相片加一个相框请点击我的日志:怎样给照片加上像框

制作了滚动图片,再教朋友们做一个滚动地址条,使自己或者是其它读者方便的浏览你的博客。

二:如何制作滚动条 滚动条的代码同样根据内容的多少可以增加和删减。调整代码‘width:98%’里面的百分数可以调整滚动条的长度,方便装在不同的位置。‘width:98%’表示满页。

代码:

<div style="overflow:auto; width:98%; height:100px; line-height:15px; border-width:1px; border-color:#ffccff; border-style:dotted; scrollbar-base-color:#ff66ff; scrollbar-face-color:none; scrollbar-arrow-color:none; scrollbar-track-color:#ffefff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#f5d8f5; scrollbar-shadow-color:#e5c8e5"><br/>

<div>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/><br/><br/>

</div>

</div>

 效果图:


 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------
 这里为文字输入区-----------------------


滚动条做成其它颜色请点击我的日志常用的颜色代码

 

 更多博客工具

2010年1月10日 - 发呆 - 发呆

  评论这张
 
阅读(5971)| 评论(22)
推荐 转载

历史上的今天

评论

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

页脚

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