总是被问有没有免费模版可以使用？

总是被问加载页面可不可以多些样式？

总是被问大转盘抽奖类H5怎么做？

Mugeda本周更新39个超实用的单页模板，你想要的都有，并且全部都可以免费使用，包含热门案例，加载页，幻灯片，交互，滑动／拖拽，可定制内容，插入内容，陀螺仪，逻辑判断等9大类型模版。
1、热门案例


 
2、加载页


 
3、幻灯片


 
4、交互


 
5、滑动／拖拽


 
6、可定制内容


 
7、插入内容


 
8、陀螺仪


 
9、逻辑判断


 
如何使用单页模板？

登录Mugeda，打开操作界面，添加模板，如下图：


（点击图片查看大图）

 
  
 
*******
最新内容请看
http://bbs.mugeda.com/article/5232
*******
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
>>>领取设计师专项优惠<<<
 
可申请出售商业模板，收入80%归设计师所有

>>>如何出售商业模板？点击查看<<<

>>>*H5作品有哪些要求？<<<
 
1、缩略图尺寸为171*278，图片清晰，美观，体现作品特点。
2、作品是原创。
3、内容不少于5个页面。
4、作品从创意／设计／动画一定要完整。
 
特别提醒：不是加入了3个作品就一定可以成为推荐设计师，审核标准参考以上4条，敬请知晓，期待更多的优秀设计师加入木疙瘩这个大家庭。
 
我们审核通过后，将推荐您的个人空间。​

>>>*设计师如何将已发布作品加入个人空间？<<<

 1、动画作品——选择【已发布的作品】——加入空间，如下图：



2、点击“加入空间”按钮，添加缩略图——加入空间——确定即可。如下图：
 


（点击图片查看大图）

3、在设计师页面，点击“我的空间”可以查看添加的作品。


（点击图片查看大图）
 
恭喜你，作品添加成功了！你将出现这个页面哦！

1、成功发布作品后，在发布成功页面可以看到发布链接和二维码，点击复制链接按钮，如图：



2、把发布链接粘贴在浏览器地址栏，就可以浏览您刚刚发布的作品。 

3、如果想在网页中显示该作品，可以把下面的代码放在目标网页中指定位置的<div></div>标签中，

举例，成功发布的地址为：
http://b1829a12.u.mgd5.com/cam ... .html  
（点击看完整地址）
 
那么放在目标网页中指定位置的<div></div>标签中的代码为：

<script>
 var _mrmcp = {
   "redirect_url": "%LINK%?redir=",       
   "impression_pixel": "%TRACKURL%",      
// 统计像素地址
   "destination_url": "%DESTURL%",   
   "custom_params": "%CUSTOMPARAM%",
   "common_path":"",
   "description":"",
   "thumb":"",
   "render_mode":"normal",
   "receiptUrl": "",     // 邀请卡回执提交地址
   "ticketUrl": "",       // 获取微信认证票据的地址
   "saveFormUrl": "",   // 保存表单的地址
   "eventUrl": ""         // 上报事件统计的地址
    };
</script>
<script 
src="http://card.mugeda.com/scripts/config.js"></script> 

<script defer src="http://res.wx.qq.com/open/js/j ... gt%3B


<script src="http://b1829a12.u.mgd5.com/campaigns/5768e44ca3664e1638000181/20161116105537/579ea17e3bd2083c320040e0/loader.js" id="Mugeda_579ea17e3bd2083c320040e0"></script>

（注：上述粗体是要更换的地方） 

4、如果您使用一个广告服务器（Ad Server），同样可以把上面的代码粘贴到该服务器上广告生成页面的指定位置（一般是一个索要HTML代码的文本框）。
 

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 具体操作步骤如下：
 1、会员在登录状态，登录模板页面( http://www.mugeda.com/template.php )挑选要用的模板，点击使用按钮，如图：

 
2、出现提示，点击确定，切换到模板列表中，可以看到选中的模板已经复制到你的模板列表中，并点击使用按钮，如图：



 
3、回到动画作品页面，模板已经放到你的作品中，点击编辑按钮，就可以对该模板进行编辑操作，如图：

 
4、选择模板中要更换的图片，在右侧属性栏，点击图像编辑，上传要替换图片（注：替换图片要和原图片保持尺寸一致，或者是1.5/2倍精度，这样才能保证替换上去的图片清晰并不变形），如图：


 
5、若点击模板中的图片，在右侧属性栏没有出现图像编辑按钮，则这张图是打组状态，此时的操作应该是双击图片，进入组，然后右侧属性栏就会出现图像编辑按钮，（注：替换的图片要和原图片保持尺寸一致，或者是1.5/2倍精度，这样才能保证替换上去的图片清晰并不变形），此时操作步骤与上面一致，如图：

 
说明：为模板替换元件、音乐、文字的方法与更换图片的方法一致，请Mu友们按照自己的需求正确替换即可。
 

 

http://102f1cea.u.mgd5.com/campaigns/57831537a3664e4735000300/20161112025043/5826b89092b579729b444c3a/index.html


用画笔可以在上面画出很多不可思议的花纹图形！只用了一种行为，各位同学可以自己实现一下试试看哦！
运行起来可能会有些卡！

（点击查看大图）
 
点此报名，报了名后才能听课哦。
 
PS：本课程提供录播，方便大家复习使用;

 

 

先看案例



这个案例核心点在于，如何将在H5中输入的 数据传递到外部网页中。本人曾尝试过无代码去实现，但是结果不是很理想，没能达到在两者之间实时传递数据的效果 。
最终做出这个案例觉得还是用代码比较方便一点。用代码的话，其实方法很简单
逻辑分析，该类案例简单点说就是如何将输入的信息与查询的网址合成一个链接，然后点击按钮就可以打开这个合成后的链接，如果理解了这个逻辑的话，我想应该下面的制作就不会太难了
切入正题：
首先、要了解相关查询网站的规则，一般都是查询网站查询时都会在网址后面附带输入信息的，（需要先查询一下看一下查询后网址变化，并复制）举个栗子：


截图为某天气查询网站查询某地的天气情况"id="后面的数据即使我们需要传递的数据
第二步、在舞台出入一个文本输入框（sr） ，一个文本框（addr）和一个按钮（btn）
注：括号内为 元素名称，可自定义，建议采用英文格式
第三步、将输入框内的数据传输转化为查询链接传递给 文本 （此项为重点）
我们以电话号码查询为例，查询链接为http://shouji.supfree.net/fish.asp?cat=数据
这里我们将输入框中的数据带入即可，即addr=http://shouji.supfree.net/fish.asp?cat={{sr}} 





注意：一定不要忘了“http://”这个前缀。
剩下就是见证奇迹的时刻了 ：


在上方代码编辑框输入
var mugeda = Mugeda.getMugedaObject();
mugeda.addEventListener("renderReady", function () {
var scene = this.scene;
var btn = scene.getObjectByName("btn");
btn.addEventListener("inputend", function (event) {
var addr = scene.getObjectByName("addr”);
window.location.href=addr.text;
});
});



注上方括号内下划线所代表的即为上方所命名的元素
至此，所有结果就已完成 。
ps.如果还需要增加其他查询想的话，在复制一段中间代码（下图），并对元素（下图标红部分）重新命名即可。



了解了以上的操作后，我们就可以在木疙瘩上实现更多的H5和网页之间的数据传递了，比如 ：天气查询、火车票查询等查询类的H5制作，甚至是讲述距提交到自己的数据库中，更多想不到等待着你去探索.....
本教程主要针对无代码基础用户，代码大神勿喷。