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

永登中医-脱氏诊所

发展中医 为人民服务

 
 
 

日志

 
 
关于我

中医世家的我现在自己开诊所,独创心法.http://family.netor.com/zc.asp?bid=38259

网易考拉推荐

引用 引用 如何把滚动的图片装在博客的页面  

2010-03-12 17:26:39|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

何把滚动的图片装在博客的页面(原)

       最近,在朋友们之间往来,发现博客页面有滚动的图片非常漂亮,也非常羡慕,期盼有朝一日自己的页面也能装上,来撑撑门面。所以,近期笔者就留意在网上寻觅其代码,找到后尝试了几次,都没有成功。由于时间忙,抽不出来身,也就放弃了。今天是周末,笔者再次进行了尝试,并获得了成功。

       为了报答喜欢我的博友长期对我的支持和帮助,以及结识更多的新朋友,现就把滚动的图片如何能装在自己博客的页面上,无私奉献给你们,希望你们能够喜欢。

       需要说明的是:这套源代码不是笔者原创,而是对其进行了修改、增加和完善,并对其相关知识点进行了解读,还附有具体操作要点。这是笔者通过实践证实了如下代码的可操作性,在某种程度上来说,也是笔者的一种劳动的结果。同时,也是你们很难找到的,是真的,请你们亲自尝试一下。具体如下:

       一、滚动效果 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所 引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所

 

      二、上套滚动的图片代码

      <MARQUEE  scrollAmount=4  scrollDelay=60  direction=left   width=438  height=260 >

<IMG height=260 src="http://img.blog.163.com/photo/PfnTz2gtj0qxn5mb-BduKA==/5400097428194531226.jpg" width=215 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/akmMMxAmLIHlkv5K38XMCg==/2862319038171134220.jpg" width=194 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/iKcFmG3eIqQE3l9AtYGZcg==/1196831600974311159.jpg" width=174 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/bMVPNuR1-XRddhZfa_9y1g==/460774536876051555.jpg" width=177 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/RRKI42jXYf_ijweISIeLXA==/4577909021222587662.jpg" width=175 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/w5wj-5AHBThxYibc574oMQ==/1432144681504388855.jpg" width=175 border=0>

<src="http://img.blog.163.com/photo/YzrBLrod4IAxoOxx0mZqoQ==/4275041946281886118.jpg" width=175 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/qSYtRhgrepBtE7bjU_8Kyg==/3175600687250065935.jpg" width=175 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/QP_t884NFXmi-KhUKpd12Q==/888053551522583039.jpg" width=175 border=0>

<IMG height=260 src="http://img.blog.163.com/photo/NiUJEPRy7RyH1ZzriRHKTw==/1132936781260749558.jpg" width=175 border=0>

<IMG height=260 src="http://image.bbs.tom.com/data1/pic/69/599/599223_n.jpg" width=180 border=0>

<IMG height=260 src="http://www.gael.cn/jtyy/UploadFiles_2954/200705/20070522023929686.jpg" width=195 border=0>

<IMG height=260 src="http://img.china.alibaba.com/blog/upload/2007/04/26/6ac450f7d20a284e342dedd6651cfa55.jpg   "  width=347 border=0>

<IMG height=260 src="     http://source.hi.mop.com/photo/storage/fangle/40/58/DD/1847439/1151298412815.jpg     " width=347border=0>

<IMG height=260 src="http://hiphotos.baidu.com/52zhenzhen/pic/item/74229ddda78c7ae676c638db.jpg" width=347 border=0>

</A></MARQUEE>

三、解读代码知识点

1、<MARQUEE  scrollAmount=4  scrollDelay=60  direction=left   width=438  height=260 > ,这是固定搭配,不要更改。其中:

 scrollAmount=4:数字“4”代表移动速度,可根据自己的情况调整,值在1-15之间,越大移动越快。

scrollDelay=60  :不用理它,就这样好了。

direction=left   :表示方向,:“left ” 向右移动,可改为上:up   下:down   左:right  。

 width=438  :数字“438”表示制定义板块的长度(底边长),可根据自己的情况调整。

height=260:数字“260”表示自定义板块的高度,可根据自己的情况调整。

那么, width=438  height=260:结合在一起,表示自定义板块:438(长)/260(高)。

2、<IMG height=260 src="http://img.blog.163.com/photo/PfnTz2gtj0qxn5mb-BduKA==/5400097428194531226.jpg" width=215 border=0>:这也是固定的,表示一张照片,每增加一个,就增加一张相片,随意增加,直到不让你增加为止:其中:

height=260 :数字“260”表示相片的高度,可随意调整,但不能超过自定义板块的高度260。

width=215 :数字“260”表示相片的底边长度,可随意调整,但不能超过自定义板块的长度438。

http://img.blog.163.com/photo/PfnTz2gtj0qxn5mb-BduKA==/5400097428194531226.jpg :这是你需要相片的网址,可随意调整。

3、</A></MARQUEE>:这是代码后缀部分,就不用管了,让它始终睡在那里好了。

四、操作要点

1、关于图片地址:以前我没有成功,主要就差在如何选择图片地址上。这对以前的我和初学者来说是最难对付的,也是最难找的、最难确定的一个环节,不信,你就自己找吧。其实,找图片地址很简单,只要鼠标对准你要选择的图片,点击右键——选择属性——点击后——图片的地址就在上面显示,同时,也有图片的大小,等等。但对于你自己博客中的的图片,点击到一张相片的界面后,在按上述的方法查找地址。对于其他照片也是如此。

2、关于镶嵌图片大小的确认。我们都知道,图片的大小千变万化,大小不一,而自定义的栏目却是固定的。如果不采取一定的技巧,你装入的图片就会走形,不美观,所以本人的技巧如下:还是举例说明吧,这样比较直观易懂。如:图片为1024*768:表示这张图片大小为长1024,高768,那1024/768==1.3333,这是一个比例,你要装入的图片固定高=260后,那长=260*1.3333=347。以此类推,错不了。

最后,成功装扮到自己页面上的朋友们,如果喜欢的话,可不要忘记了顶一下呀。哈哈,只要你们开心,我就愉快!

 

引用 引用 如何把滚动的图片装在博客的页面 - laowu745 - 永登中医-脱氏诊所

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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