加载中…
个人资料
阿甑
阿甑
  • 博客等级:
  • 博客积分:0
  • 博客访问:2,688,428
  • 关注人气:930
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

新编全景“清明上河图”的源代码之二

(2012-05-17 08:36:03)
标签:

文化

分类: BLOG图文代码

代码如下:

<BGSOUND balance=0 volume=0 loop=infinite>

<TABLE id=table01 borderColor=#336633 cellSpacing=20 cellPadding=0 align=center

background=http://s11.sinaimg.cn/orignal/494b5c3dgad5f93f193aa&690 border=1>

<TBODY><TR><TD><DIV><TABLE id=table03 cellSpacing=12 align=center

background=http://s5.sinaimg.cn/orignal/494b5c3dgad61051221b4&690 border=0>

<TBODY><TR><TD><DIV><TABLE id=table02 borderColor=#336633 align=center

background=http://s5.sinaimg.cn/orignal/494b5c3dgad6104f39314&690 border=1>

<TBODY><TR><TD><DIV><TABLE id=table02 borderColor=#336633 align=center

background=http://s5.sinaimg.cn/orignal/494b5c3dgad6104f39314&690 border=1>

<TBODY><TR><TD><DIV><TABLE id=table04 borderColor=#336633 cellSpacing=1 align=center

background=http://s10.sinaimg.cn/orignal/494b5c3d456577a841059&690 border=1>

<TBODY><TR><TD><DIV><TABLE id=table05 cellSpacing=0 width=600 align=center

background=http://s12.sinaimg.cn/orignal/494b5c3dgad5fa13a43db&690 border=0>

<TBODY><TR><TD><MARQUEE SCROLLAMOUNT="5" direction=left WIDTH="600">

<FONT color=#66ffff size=4><STRONG>

北宋著名画家张择端绘制的不朽杰作《清明上河图》,是我国绘画史上的无价之宝。它是一幅用现实主义手法创作的长卷风俗画,通过对市俗生活的细致描绘,生动地再现了北宋汴京承平时期的繁荣景象。此画的第一位收藏人是宋徽宗,是他用瘦金体亲笔在画上题写了“清明上河图”五个字。《清明上河图》卷,北宋,张择端作,绢本,淡设色,纵24.8cm,横528cm。《清明上河图》描绘的是清明时节北宋都城汴京(今河南开封)东角子门内外和汴河两岸的繁华热闹景象。全画可分为三段:首段写市郊景色,茅檐低伏,阡陌纵横,其间人物往来。中段以“上土桥”为中心,另画汴河及两岸风光。中间那座规模宏敞、状如飞虹的木结构桥梁,概称“虹桥”,正名“上土桥”,为水陆交通的汇合点。桥上车马来往如梭,商贩密集,行人熙攘。桥下一艘漕船正放倒桅杆欲穿过桥孔,梢工们的紧张工作吸引了许多群众围观。后段描写的是市区街道,城内商店鳞次栉比,大店门首还札结着彩楼欢门,小店铺只是一个敞棚。此外还有公廨寺观等。街上行人摩肩接踵,车马轿驼络绎不绝。行人中有绅士、官吏、仆役、贩夫、走卒、车轿夫、作坊工人、说书艺人、理发匠、医生、看相算命者、贵家妇女、行脚僧人、顽皮儿童,甚至还有乞丐。他们的身份不同,衣冠各异,同在街上,而忙闲不一,苦乐不均。城中交通运载工具,有轿子、驼队、牛、马、驴车、人力车等。车辆有串车、太平车、平头车等诸种,再现了汴京城街市的繁荣景象。高大的城门楼名东角子门,位于汴京内城东南。全卷画面内容丰富生动,集中概括地再现了12世纪北宋全盛时期都城汴京的生活面貌。作者用传统的手卷形式,采取“散点透视法”组织画面。画面长而不冗,繁而不乱,严密紧凑,如一气呵成。画中所摄取的景物,大至寂静的原野,浩瀚的河流,高耸的城郭;小到舟车里的人物,摊贩上的陈设货物,市招上的文字,丝毫不失。在多达500余人物的画面中,穿插着各种情节,组织得有条不紊,同时又极具情趣。

</MARQUEE></DIV><DIV><MARQUEE SCROLLAMOUNT="5" direction=right

SCROLLDELAY="60" WIDTH="600" HEIGHT="250"><IMG height=250

src="http://s14.sinaimg.cn/orignal/494b5c3dgc0380f233e1d&690"

border=0></A></FONT></MARQUEE><embed STYLE="FILTER: Xray"

src=http://wwww.ebook61.com/media/caiyunzhuiyue.mp3 width=600 height=25

type=audio/mpeg loop="true" autostart="false"></EMBED></DIV>

<EMBED style="LEFT: 520px; POSITION: absolute; TOP: 550px; absolute: "

src=http://imgfree.21cn.com/free/flash/59.swf width=600 height=250

type=application/x-shockwave-flash WMODE="transparent"

QUALITY="high"></EMBED>

</TD></TR></TBODY></TABLE></TD></TR>

 

代码说明:

borderColor=#336633为各道分隔线颜色的调节

cellSpacing=20最外面一层边框宽窄调节,数字越大边框宽;

background=:为最外面一层边框的背景图片地址;

border=1:为最外面一层边框分隔线粗细调节,数字越大分隔线粗;

background=为从外往里数第一道分隔条的背景图片地址;

border=1为从外往里数第一道分隔条的边线粗细调节,数字越大边线粗;

background=为从外往里数第二道分隔条的背景图片地址;

border=1为从外往里数第二道分隔条的边线粗细调节,数字越大边线粗;

cellSpacing=12为从外往里数第二边框宽窄调节,数字越大边框宽;

background=为从外往里数第二边框的背景图片地址;

cellSpacing=1为最里面一道分隔条宽窄调节,数字越大分隔条宽;

background=为最里面一道分隔条的背景图片地址;

border=1为最里面一道分隔条边线粗细调节,数字越大边线粗;

width=600:为整个边框内的背景图片宽度设置

background=:为整个边框内的背景图片地址,小图片会自动扩展;

SCROLLAMOUNT="5"歌词滚动速度数值,可自行调节;

WIDTH="600"歌词滚动显示框的宽度数值,可自行调节;

color=#66ffff歌词字体颜色,可自行调节;

size=3:为歌词字体大小调节;

SCROLLAMOUNT="5"图片滚动速度,数值越大,速度越快;

WIDTH="600" HEIGHT="250"图片滚动框的宽、高度数值,可自行调节;

direction= right是歌词、图片滚动的方向:up=上,down=下,left=左,right=右,可以自定义;

> <=为图片之间的分隔符号,如不想分隔,把两个“ > < ”连在一起,中间不要留空格即可;

height=250滚动图片的高度调节,最好是所有图片的高度要统一;

src=滚动图片地址;也可根据以下格式任意增删图片:

<IMG height=250 src="此处粘贴你要增加的图片地址" border=0></A>

src=为音乐地址;

WIDTH="600" HEIGHT="25"音乐播放器宽、高度数值,可自行调节;

loop="true"音频播放功能调节,"true"为连续循环播放,"false"为不循环播放;

AUTOSTART="false"音频播放功能调节,"false"为不自动播放,"true"为自动播放;

LEFT: 520px;透明FLASH动画漂浮位置的调节,数字越大位置越往右移;

TOP: 550px; 透明FLASH动画漂浮位置的调节,数字越大位置越往下移;

src=:为透明FLASH动画地址,在代码最下面;

width=600 height=250:为透明FLASH动画显示的宽,高度调节;

好看的字体颜色有:

深红 #ff6600 ; 大红 #ff0000 粉红 #ff66cc ; 淡红 #ff66ff

绿色 #ccff00 ; 紫蓝 #ff33ff  黄色 #ffff33 ; 金红 #cc0000

天蓝 #66ffff ; 草绿 #66cc00  深蓝 #3333ff ; 橙色 #ff9900

深绿 #339900 ; 白色 #ffffff  黑色 #000000 ; 深褐 #990000

 

 

具体操作步骤是:

点击“发表文章”,打开文章发表器,在文本框标题栏上写上图片目录,勾选“显示源代码”框,将以上代码贴入空白面板后,点击“发表文章”既可。

 

 

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
前一篇:效果图二如下
后一篇:效果图一如下
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    < 前一篇效果图二如下
    后一篇 >效果图一如下
      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有