这几天对侨中网作了一些整合处理,重点是在首页使用了“flash滚动焦点图”。flash滚动焦点图包含2个关键文件:
1、sinaflash.js
2、pixviewer.swf
所调用的图片、标题文字及链接,通过变量pics、texts和links设置来实现。对于JavaScript和VBScript两者数据的调用可以这样进行,先在VBScript中设置或从数据库中读入数据到变量pic1、text1和link1中,然后在JavaScript中加<%=变量%>读入数据,如:
var pics='<%=pic1%>'
var texts='<%=text1%>'
var links='<%=link1%>'
具体程序代码如下:
<!-- VBScript代码 -->
<% pic1="news/pic/20070828002.jpg|news/pic/20070828003.jpg|news/pic/20070828004.jpg|news/pic/20070828005.jpg'
var links='news/qznews.asp?ID=727|http://zsqz.com/news/|news/qznews.asp?ID=729|news/qznews.asp?ID=740"
texts="中山市华侨中学招聘教师|中山市华侨中学新闻网|中山市华侨中学军训1|中山市华侨中学军训2"
links="news/qznews.asp?ID=727|http://zsqz.com/news/|news/qznews.asp?ID=729|news/qznews.asp?ID=740"
' 图片数量由变量控制…… %>
<!-- JavaScript代码 -->
<script type="text/javascript" src="sinaflash.js"></script>
<!-- flash滚动焦点图 begin -->
<div id="focusViwer" align=center>
<a href="news/qznews.asp?ID=727" target=_blank><img class=img01 border=1 height=150 width=200 alt="焦点图" src="news/pic/20070828002.jpg" ><br>中山市华侨中学招聘教师</a>
</div>
<script type="text/javascript">
var focus_width=200
var focus_height=150
var text_height=20
var swf_height = focus_height+text_height
var curhref=document.location.href;
var pics='<%=pic1%>'
var texts='<%=text1%>'
var texts='<%=link1%>'
var FocusFlash = new sinaFlash("pixviewer.swf", "focusflash", focus_width, swf_height, "5", "#DADADA", false, "High");
FocusFlash.addParam("allowScriptAccess", "sameDomain");
FocusFlash.addParam("menu", "false");
FocusFlash.addParam("wmode", "opaque");
FocusFlash.addVariable("pics", pics);
FocusFlash.addVariable("links", links);
FocusFlash.addVariable("texts", texts);
FocusFlash.addVariable("borderwidth", focus_width);
FocusFlash.addVariable("borderheight", focus_height);
FocusFlash.addVariable("textheight", text_height);
FocusFlash.addVariable("curhref", curhref);
FocusFlash.write("focusViwer");
</script>
<!-- flash滚动焦点图 end -->