背景:#EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认     [ 字体: ]  
首页 >>公告 >>本网公告

校园在线图片和文字信息调用代码

调用最新图片新闻

2007-05-01 01:24:01     来源:校园在线   作者:编辑

    为方便二级网站直接在网页中调用青岛农业大学校园在线的新闻信息,现将调用代码使用方法公布如下:

    1、调用最新图片新闻

<script src="http://news.qau.edu.cn/js.aspx?type=img&cols=4&num=4&classid=&topicid=0&maxlen=44&nw=1&b=%A1%A4"></script>

    可以将以上代码嵌入二级网站的网页中,其中,cols=4表示图片编排成4列显示,num=4表示调用4张图片,maxlen=44 表示图片标题长度,44表示最长22个全角汉字,你可以根据网站版面需要修改数字,但表示一般不宜超过22个汉字。

    (1)使用以下代码:

     样式表及flash.js和thumbnail.js文件可以下载到本地服务器上修改代码,以自定义显示效果,注意修改script为本地服务器路径。

<style type=’text/css’>
/*下边样式表定义标题图片显示边框及标题文字大小*/
table.thumbnail {border:#F7F7F7 1px solid; background:#E5E5E5; word-break:break all; word-wrap:word-break;}
table.thumbnail td {padding:4px; background:#ffffff; border:#B2B2B2 1px solid;}
table.thumbnail td img {border:#999999 1px solid;}
td {font-size:12px;}
</style>
<script type="text/javascript">var thumbWidth=120;var thumbHeight=0;var thumbHWidth=90;var thumbHHeight=0;</script>
<script type="text/javascript" src="http://news.qau.edu.cn/inc/flash.js"></script>
<script type="text/javascript" src="http://news.qau.edu.cn/inc/thumbnail.js"></script>
<table width="480" cellspacing="0" cellpadding="0" border="0" style="font-size:12px;border:1px solid #0066cc;">
<tr>
<td style="background:#0066cc;font-weight:bold;padding-left:20px;height:25px;border-bottom:1px solid #0066cc;"><a href="http://news.qau.edu.cn/" style="color:#ffffff">校园在线图片</a></td></tr><tr>
<td style="line-height:150%;padding:0px;">
<script src="http://news.qau.edu.cn/js.aspx?type=img&cols=4&num=4&classid=&topicid=0&maxlen=44&nw=1&b=%A1%A4"></script>
</td>
</tr>
</table>

显示页面效果:

    (2)使用第二种代码:

<style type=’text/css’>
/*下边样式表定义标题图片显示边框及标题文字大小*/
table.thumbnail {border:#F7F7F7 1px solid; background:#E5E5E5; word-break:break all; word-wrap:word-break;}
table.thumbnail td {padding:4px; background:#ffffff; border:#B2B2B2 1px solid;}
table.thumbnail td img {border:#999999 1px solid;}
td {font-size:12px;}
</style>
<script type="text/javascript">var thumbWidth=120;var thumbHeight=0;var thumbHWidth=90;var thumbHHeight=0;</script>
<script type="text/javascript" src="http://news.qau.edu.cn/inc/flash.js"></script>
<script type="text/javascript" src="http://news.qau.edu.cn/inc/thumbnail.js"></script>
<table width="170" cellspacing="0" cellpadding="0" border="0" style="font-size:12px;border:1px solid #0066cc;">
<tr>
<td style="background:#0066cc;font-weight:bold;padding-left:20px;height:25px;border-bottom:1px solid #0066cc;"><a href="http://news.qau.edu.cn/" style="color:#ffffff">校园在线图片</a></td></tr><tr>
<td style="line-height:150%;">
<script src="http://news.qau.edu.cn/js.aspx?type=img&cols=1&num=2&classid=&topicid=0&maxlen=44&nw=1&b=%A1%A4"></script>
</td>
</tr>
</table>

红色文字为图片显示代码,cols=1 表示图片显示为1列,num=2 表示显示2张图片。

页面显示效果:

12下一页  GO
【内容导航】
第1页:调用最新图片新闻 第2页:调用最新文本新闻
推荐 】 【 打印
相关信息      
评论 · 留言 · 纠错热线:0532-86080149       全部评论

纠错/评论(500字以内): 字数
姓名:


内容查询