技术要点:html、xml、flash、jquery、mailto、css
1,首次完全使用html+xml的组合组件动态数据页面。
???????? Html在浏览器兼容性上需要注意头部的w3c标准的载入。
Xml在这次的项目中作用是,动态加载图片和内容。Xml技术不能实现html标记的写入,这有一点不高级的地方。所以在事先的html排版格式上要确定,不能随意增加段落或者随意改变布局。
?
2,导航和flash播放器都使用了flash制作,版本为ActionScript2.0,缺点是无法加载mp4格式。优点是有大量的实例有一定的向后兼容性。关于JavaScript于flash传递参数的问题,我们是用了swfobject.js插件,来完成向flash传递参数的过程。
Flash的加载方式使用js,避免了兼容性和一些不美观的问题。
??? <script type="text/javascript">
?????? /*------include menu flash ----------------------*/
?????? var so = new SWFObject("flash/menu.swf", "sotester", "560", "60", "9", "");
?????? so.addVariable("flashVarText", "this is passed in via FlashVars for example only");
?????? so.write("menu");
?????? </script>
Flashvartext就是flash中的一个变量,使用此技术可以很方便的实现flash读取不同的xml,和页面跳转技术。
?
3,jquery在本次的项目中,主要用来实现xml数据的读取和动态生成html标记的作用。还有图片的展示效果使用了jquery的插件,(jquery.circle插件),还有滚动条插件jquery.flashSlider-1.0.js插件。
?
4,mailto就是邮件发送的,在ff下有乱码问题,在ie下正常。在safria下,并不能完好支持mailto方法。同样也具有乱码问题(次乱码要重点研究)。
?
5,flash如何调用javascript中的参数并根据此参数实现功能。例如jquery根据flash点击实现div的动态改变。
???????? getURL ("javascript:MM_showHideLayers('f1','','full')");
???????? 以上代码即可调用JavaScript方法。
?
6,关于屏幕改变大小后css样式变化的问题。
???????? 要解决此问题可以使用float方法。例如float:left 或者float:right。距离调整可以使用父样式中的width和height来做调整。一般使用在导航也就是ul ,li中。
?
7,增加收藏夹图标,网站url图标,标题栏图标方法
???????? 必须用ico文件格式,浏览器自动获取此类文件。
???????? 用<link rel="ICON" href="http://chinatimelapse.com/sitelogo.ico"/>