正文
关于javascript转场的信息
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
如何制作网页中图片的转场效果?
楼主说的那个就是"图片新闻系统"
你可以在百度里搜索 "FLASH过渡效果",也可以搜索"图片新闻系统" 可以搜到这么个东西.
下载过来打开后的文件夹中包含 index.htm , images(文件夹)-包含 N张图片和一个 *.swf 的FLASH
若想要在你自己的网页中插入这个模块,实现起来很简单,只需要将 images文件夹中的*.swf复制到你的网页所在的images中,然后用记事本或者DM打开下载来的 index.htm 把里面相关的代码复制到你要插入的网页中去,修改一下图片的路径就即可,下面是这个模块的代码,楼主可以参考一下
SCRIPT type=text/javascript
!--
var focus_width=260 (宽)
var focus_height=160 (高)
var text_height=0 (备注文字高度)
var swf_height = focus_height+text_height
var pics='images/1.jpg|images/2.jpg|images/3.jpg' (图片路径及名称)
var links='' (每张图片的超链接地址)
var texts='看书 ( book.dd88.org )|BLOG ( )|网购 ( )' (每张图片显示的文字)
var banner='param name="allowScriptAccess" value="sameDomain"param name="movie" value="images/banner.swf"param name="quality" value="high"param name="bgcolor" value="#DADADA"'
document.write('object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+ focus_width +'" height="'+ swf_height +'"');
document.write(banner);
document.write('param name="menu" value="false"param name=wmode value="opaque"');
document.write('param name="FlashVars" value="pics='+pics+'links='+links+'texts='+texts+'borderwidth='+focus_width+'borderheight='+focus_height+'textheight='+text_height+'"');
document.write('/object');
//--
/SCRIPT
插入一个这个并不难,重要的是实现他的后台控制和操作
combustion 3是作什么的？
Discreet发布combustion 3
MONTREAL (Sep. 09, 2003) -- Discreet在今天发布了其特效和3D合成软件combustion的最新版本combustion 3。 combustion 3所带来的新功能将增强其在网页媒体，视频，甚至HDTV(高清电视)方面的应用。
combustion 3可以通过自定义笔刷、可存储的设置、时间线遮罩、DV采集和输出工具来增强你的创意，减少你所花的时间与及改进你的工作流程， Discreet同样继续支持 Adobe(R) After Effects(R)和Photoshop(R)的众多精彩的插件。
新增功能
编辑操作 - combustion 3是第一个以特效为主并集成非线性编辑功能的软件，现在用户可以直接在combustion 3中给素材加转场特效，而不再需要用另外的非编软件。
expressions- 强大的javascript expressions让你很容易就能创建出复杂的动画--消除了乏味的重复性操作
Flash 输出 - 现在你可以用combustion 3中的矢量工具与及动画面板工具，创建并输出Flash动画
要得到combustion 3新增功能列表，请访问:
combustion 3最小系统需求:
Intel® Pentium® III, Pentium 4 或
AMD® Athlon™ XP CPU, 850Mhz以上
Windows XP 或 Windows 2000
2GB 以上硬盘，至少120MB剩余硬盘空间
256MB内存
4MB以上显存显卡(支持1024x768 24位)
推荐系统配置
Pentium 4或AMD® Athlon™ XP双CPU, 1.7 GHz以上
Windows XP
8GB以上硬盘，至少570MB剩余空间
2GB内存
双头显卡，32M以上显存，有OpenGL加速功能
支持DirectShow 或QuickTime的视频采集/回放卡
关于jquery mobile的页面跳转
jm转场传参确实是奇葩的东西，首先你要理解：如果采用changePage转场，那么只需要第一个html引入Javascript，也就是说所有页面的Javascript是共享的。
那么一个解决方案是：你在page1.html通过changePage转场到page2.html之前，在Javascript中定义一个公共常量，这个常量就是要给page2.html的参数。然后跳转到page2.html的时候通过pageinit事件去获取常量。
var params1 = xxx;
$(document).on("pageinit","#page2",function(){
params1....
});
上面这是最简单但不安全合理的解决方法。
你说的禁用转场也可行，但是第二个页面就是全新页面了，不仅没转场效果，而且得重新加载所有文件，性能不行。
传说中最优的方案是绑定pagebeforechange事件，$(document).bind("pagebeforechange", handleChangePage)，这个事件能在page1跳转后、page2初始化前触发，并且通过e.target.baseURI可以获取URL信息，剩下就是解析参数，很简单了。
$(document).bind("pagebeforechange", beforechange);
function beforechange(e, data) {
if (typeof data.toPage != "string") {
var url = $.mobile.path.parseUrl(e.target.baseURI)
var re = 'details.html';
if (url.href.search(re) != -1) {
var page = $(e.target).find("#detailsPage");
var d = data.options.data;
var data = getUrlParam(url.href);
page.find("#nameDiv").html(decodeURIComponent(data[0]));
page.find("#timeDiv").html(decodeURIComponent(data[1]));
page.find("#contentDiv").html(decodeURIComponent(data[2]));
}
}
}
可能你还有一些疑惑，这没问题，你可以去百度搜索"JqueryMobile转场和参数传递“，现在已经有很多文章介绍了。
最后吐槽一下：JqueryMobile在Android下真的跑不快！但是适合不懂移动开发，只会web开发的同学入门。
