|
当我们利用自助建站系统建立医院或者科室的网站的时候,可能由于种种原因导致文章数量不够,而显得网站比较空洞,在大夫网的“健康网”板块里面有很多适合我们的文章,怎么把它们调用到自己的网站里面呢?下面是简单说明。
首先我们看看健康网的栏目是怎么样的

(图一)
我们需要的结果是在自己的网站里面调用某一栏目的文章列表,以充实自己的网站内容,举“女性沙龙”为例

(图二)
图二显示的是在健康网里面调用前十条“女性沙龙”栏目的文章,按照发布时间倒序排序
我们怎么在自己的网站里面加入这些文章列表呢,下面开始了。
第一步、在需要插入文章列表的地方插入代码:
如:插入“女性沙龙”栏目的前十条文章列表,按照最新发布时间排序,背景颜色是白色
<iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock.jsp?isframe=true&froom=401&ord=pubdate|asc&rows=10&bgcolor=ffffff width=100% height=300 iframeborder=0></iframe>
第二步、修改显示效果
第一步中的代码参数说明:
froom:栏目代码
<iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock.jsp?isframe=true&froom=401&ord=pubdate|asc&rows=10&bgcolor=ffffff width=100% height=300 iframeborder=0></iframe> froom=401 表示调用的是“女性沙龙”栏目的文章
|
栏目 |
对应参数 |
栏目 |
对应参数 |
| 女性沙龙 |
401 |
关爱宝宝 |
402 |
| 健康心理 |
403 |
美容美发美体 |
404 |
| 瘦身减肥 |
405 |
男生女生 |
407 |
| 饮食养生 |
408 |
两性生活 |
411 |
| 医疗保险 |
412 |
家庭用药 |
413 |
| 时尚坊 |
414 |
男人话题 |
415 |
| 中医药保健 |
418 |
运动和体力 |
419 |
| 抗衰老 |
429 |
亚健康 |
430 |
| 智商情商健商 |
431 |
精神健康 |
432 |
| 恋爱婚姻家庭 |
433 |
|
|
rows:文章数目
<iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock.jsp?isframe=true&froom=401&ord=pubdate|asc&rows=10&bgcolor=ffffff width=100% height=300 iframeborder=0></iframe> rows=10 表示显示10篇文章
ord:显示顺序
<iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock_test.jsp?froom=401&ord=pubdate|asc&rows=10&bgcolor=ffffff width=100% height=300 iframeborder=0></iframe> ord=pubdate|desc 表示按照发表时间的倒序显示,也即最后发表的显示在最上面 ord=pubdate|asc 反之
bgcolor:背景颜色
<iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock.jsp?isframe=true&froom=401&ord=pubdate|asc&rows=10&bgcolor=ffffff width=100% height=300 iframeborder=0></iframe> 当你要给你的调用的页面设置背景颜色时,有时,你能够直接使用该颜色的名称,如:black、white、blue、yellow等,但是大多情况下,你只能使用十六进制代码来使用这些颜色。(浏览器能够理解这些代码。) 为了方便你去使用这些代码,我们制作了这个列表,右边是颜色,左边是十六进制代码。 |
| Hex Code |
Color |
![]() |
![]() |
| #FFFFFF |
|
| #FFFFCC |
|
| #FFFF99 |
|
| #FFFF66 |
|
| #FFFF33 |
|
| #FFFF00 |
|
| #FFCCFF |
|
| #FFCCCC |
|
| #FFCC99 |
|
| #FFCC66 |
|
| #FFCC33 |
|
| #FFCC00 |
|
| #FF99FF |
|
| #FF99CC |
|
| #FF9999 |
|
| #FF9966 |
|
| #FF9933 |
|
| #FF9900 |
|
| #FF66FF |
|
| #FF66CC |
|
| #FF6699 |
|
| #FF6666 |
|
| #FF6633 |
|
| #FF6600 |
|
| #FF33FF |
|
| #FF33CC |
|
| #FF3399 |
|
| #FF3366 |
|
| #FF3333 |
|
| #FF3300 |
|
| #FF00FF |
|
| #FF00CC |
|
| #FF0099 |
|
| #FF0066 |
|
| #FF0033 |
|
| #FF0000 |
|
|
frameborder
| Hex Code |
Color |
| #66FFFF |
|
| #66FFCC |
|
| #66FF99 |
|
| #66FF66 |
|
| #66FF33 |
|
| #66FF00 |
|
| #66CCFF |
|
| #66CCCC |
|
| #66CC99 |
|
| #66CC66 |
|
| #66CC33 |
|
| #66CC00 |
|
| #6699FF |
|
| #6699CC |
|
| #669999 |
|
| #669966 |
|
| #669933 |
|
| #669900 |
|
| #6666FF |
|
| #6666CC |
|
| #666699 |
|
| #666666 |
|
| #666633 |
|
| #666600 |
|
| #6633FF |
|
| #6633CC |
|
| #663399 |
|
| #663366 |
|
| #663333 |
|
| #663300 |
|
| #6600FF |
|
| #6600CC |
|
| #660099 |
|
| #660066 |
|
| #660033 |
|
| #660000 |
| |
|
| Hex Code |
Color |
![]() |
![]() |
| #CCFFFF |
|
| #CCFFCC |
|
| #CCFF99 |
|
| #CCFF66 |
|
| #CCFF33 |
|
| #CCFF00 |
|
| #CCCCFF |
|
| #CCCCCC |
|
| #CCCC99 |
|
| #CCCC66 |
|
| #CCCC33 |
|
| #CCCC00 |
|
| #CC99FF |
|
| #CC99CC |
|
| #CC9999 |
|
| #CC9966 |
|
| #CC9933 |
|
| #CC9900 |
|
| #CC66FF |
|
| #CC66CC |
|
| #CC6699 |
|
| #CC6666 |
|
| #CC6633 |
|
| #CC6600 |
|
| #CC33FF |
|
| #CC33CC |
|
| #CC3399 |
|
| #CC3366 |
|
| #CC3333 |
|
| #CC3300 |
|
| #CC00FF |
|
| #CC00CC |
|
| #CC0099 |
|
| #CC0066 |
|
| #CC0033 |
|
| #CC0000 |
|
|
| Hex Code |
Color |
| #33FFFF |
|
| #33FFCC |
|
| #33FF99 |
|
| #33FF66 |
|
| #33FF33 |
|
| #33FF00 |
|
| #33CCFF |
|
| #33CCCC |
|
| #33CC99 |
|
| #33CC66 |
|
| #33CC33 |
|
| #33CC00 |
|
| #3399FF |
|
| #3399CC |
|
| #339999 |
|
| #339966 |
|
| #339933 |
|
| #339900 |
|
| #3366FF |
|
| #3366CC |
|
| #336699 |
|
| #336666 |
|
| #336633 |
|
| #336600 |
|
| #3333FF |
|
| #3333CC |
|
| #333399 |
|
| #333366 |
|
| #333333 |
|
| #333300 |
|
| #3300FF |
|
| #3300CC |
|
| #330099 |
|
| #330066 |
|
| #330033 |
|
| #330000 |
| |
|
| Hex Code |
Color |
![]() |
![]() |
| #99FFFF |
|
| #99FFCC |
|
| #99FF99 |
|
| #99FF66 |
|
| #99FF33 |
|
| #99FF00 |
|
| #99CCFF |
|
| #99CCCC |
|
| #99CC99 |
|
| #99CC66 |
|
| #99CC33 |
|
| #99CC00 |
|
| #9999FF |
|
| #9999CC |
|
| #999999 |
|
| #999966 |
|
| #999933 |
|
| #999900 |
|
| #9966FF |
|
| #9966CC |
|
| #996699 |
|
| #996666 |
|
| #996633 |
|
| #996600 |
|
| #9933FF |
|
| #9933CC |
|
| #993399 |
|
| #993366 |
|
| #993333 |
|
| #993300 |
|
| #9900FF |
|
| #9900CC |
|
| #990099 |
|
| #990066 |
|
| #990033 |
|
| #990000 |
|
|
| Hex Code |
Color |
| #00FFFF |
|
| #00FFCC |
|
| #00FF99 |
|
| #00FF66 |
|
| #00FF33 |
|
| #00FF00 |
|
| #00CCFF |
|
| #00CCCC |
|
| #00CC99 |
|
| #00CC66 |
|
| #00CC33 |
|
| #00CC00 |
|
| #0099FF |
|
| #0099CC |
|
| #009999 |
|
| #009966 |
|
| #009933 |
|
| #009900 |
|
| #0066FF |
|
| #0066CC |
|
| #006699 |
|
| #006666 |
|
| #006633 |
|
| #006600 |
|
| #0033FF |
|
| #0033CC |
|
| #003399 |
|
| #003366 |
|
| #003333 |
|
| #003300 |
|
| #0000FF |
|
| #0000CC |
|
| #000099 |
|
| #000066 |
|
| #000033 |
|
| #000000 |
| |
框架宽高和边框宽度设置:
<iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock.jsp?isframe=true&froom=401&ord=pubdate|asc&rows=10&bgcolor=ffffff width=100% height=300 frameborder=0></iframe> width=100% 表示框架的宽度是在所在位置宽度的百分比,如果所在表格的宽度是500像素,那宽度就是500像素,如果是350像素,那宽度就是350像素;也可以制定宽度,如width=300 height=300 表示框架高度是300像素 frameborder=0 表示框架无边框 frameborder=1 表示框架有边框
有关iframe的标签说明请参阅《框架式网页iframe标签全说明》
应用举例: 在一个宽度为400的表格里面调用“运动和体力”栏目文章,文章数为18,按照发布时间排序,最先发布的显示在最后,背景颜色为#33cc00,框架宽度为360,高度400,有边框。
效果如下:
示例代码如下:
<table width="400" border="1" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><strong>调用“运动和体力”栏目文章列表示例</strong></div></td> </tr> <tr> <td align=center><iframe src=http://www.daifumd.com/_daifumd/fragments/iframes/artypeblock.jsp?isframe=true&froom=419&ord=pubdate|asc&rows=18&bgcolor=#33cc00 width=360 height=400 frameborder=1></iframe></td> </tr> </table>
如有疑问请联系我们客服(完)
|