为方便二级网站直接在网页中调用青岛农业大学校园在线的新闻信息,现将调用代码使用方法公布如下:
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.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>
<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.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>
<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张图片。
页面显示效果:





青岛农业大学概况
校园在线投稿指南[图示]
青岛农业大学标准字 校标 校训 校风
校园在线图片和文字信息调用代码
如何拒绝win2000里的信使服务?
校歌《播种希望》