<p><strong><span style="font-size: 18px;"></span></strong></p><p></p><div class="text-jpmeditor"><p style="min-height: auto; max-width: 100%; white-space: normal; text-align: center;"><span style="color:#ffffff"><span style="font-size: 12px; background-color: rgb(255, 99, 71);">前图不动上下滑动背景图</span></span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal;"><span style="max-width: 100%; font-size: 12px;">1.点击图片，弹出“样式”工具条，点击“特效”按钮可以换图、修改前图高度、后图高度。<span style="max-width: 100%; font-size: 12px; color: rgb(255, 106, 106);">前图应该是大部分位置都是透明的png图片，才会有效果</span><span style="max-width: 100%; font-size: 12px;">，否则会遮挡住后图</span></span></p></div><p></p><p><br/></p><p><strong style="font-size: 18px;">效果详解</strong><br/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">滑动图片之后，前景图是固定不变的，背景图跟随手指滑动，十分时尚。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "></span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材难度系数：<span style="font-size: 12px; white-space: normal;">★</span><span style="font-size: 12px; white-space: normal;">★</span></span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">支持图片数量：滑动图没什么限制，不要传太多。前景图=1</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材效果评价：★★★</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;"><span style="outline: 0px; color: rgba(0, 0, 0, 0.9); font-family: system-ui, -apple-system, BlinkMacSystemFont, " helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" text-align:="">首先电脑浏览器访问“键盘喵速排”，网址是</span>www.jianpanmiao.com</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.在左侧素材区，找到对应的素材，鼠标左键点击素材，让它出现在编辑区。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/dc3892eaeffa8c6607e182e83f8a7631.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/dc3892eaeffa8c6607e182e83f8a7631.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.在右侧编辑区点击素材，在弹出的“样式”面板上，点击“特效”按钮。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg" title="" alt="" _src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg"/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">3.<span style="font-size: 14px;">在“特效面板”中的</span><span style="font-size: 14px;">“添加滑动图”按钮，点击它就可以上传自己的图片了。</span>点击红"X"，可以删除素材中原有的“图片”。点击“替换前景图”按钮可以上传自己的前景图。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/550fa9416ab903d53238cfbe9e413f79.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/550fa9416ab903d53238cfbe9e413f79.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">4.</span><span style="font-size: 14px;">点击“特效面板”中的"确定"按钮，就完成制作了</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.<span style="font-size: 14px; white-space: normal;">素材支持竖版图片，</span>可以在面板中修改“前图高度”和“后图高度”，来调整显示的区域，注意数值是相对值，不是绝对值，觉得大了就改小，觉得小了就改大就可以了；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.<span style="font-size: 14px;">前图应该使用大部分是透明底的png图片，这样效果会明显。</span></span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">您可以继续编辑文章了，编辑之后可以通过以下两种方法发送到公众号后台。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">1.点击左侧的“复制全文“按钮，提示复制成功后，在公众号的文章编辑页面，按键盘快捷键“Ctrl+V”粘贴；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">2.点击右侧按钮的“云端保存“，然后点击”同步微信“把素材同步到公众号后台。(建议编辑完整篇文章之后再同步，否则同步之后在公众号后台，可能无法继续编辑特效素材)</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.如果发送到公众号后台的时候没有效果，请查看“<span style="font-size: 14px; color: rgb(255, 0, 0);">特效失效的解决方法</span>”</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.点击素材，可以在“样式”面板上点击“前空行”或“后空行”来前后增加段落，然后插入其他素材来继续编辑内容。</span></p>
<p></p><div class="text-jpmeditor" draggable="true"><p style="min-height: auto; max-width: 100%; white-space: normal; text-align: center;"><span style="color:#ffffff"><span style="font-size: 12px; background-color: rgb(255, 99, 71);">向上滑动出现隐藏图片</span></span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal;"><span style="max-width: 100%; font-size: 12px;">1.点击图片，弹出"样式"工具条，点击“特效”按钮可以换图，</span><span style="font-size: 12px;">建议滑出图片使用透明底的png图片</span></p></div><p></p><p><strong style="font-size: 18px;">效果详解</strong><br/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">滑动图片之后，会出现隐藏的图片。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 12px;">素材难度系数：★★★★</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">支持图片数量：2</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材效果评价：★★★</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;"><span style="margin: 0px; padding: 0px; outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.9); font-family: system-ui, -apple-system, BlinkMacSystemFont, " helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" white-space:="" background-color:="" text-align:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">首先电脑浏览器访问“键盘喵速排”，网址是</span>www.jianpanmiao.com</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.在左侧素材区，找到对应的素材，鼠标左键点击素材，让它出现在编辑区。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/56d5d2ae4c2e1f8e8351685fda770597.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/56d5d2ae4c2e1f8e8351685fda770597.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.在右侧编辑区点击素材，在弹出的“样式”面板上，点击“特效”按钮。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg" title="" alt="" _src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg"/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">3.<span style="font-size: 14px;">在“特效面板”中，<span style="font-size: 14px; white-space: normal;">点击“替换遮盖图”按钮可以上传自己的遮盖图</span></span>。点击“替换背景图”按钮可以上传自己的背景图。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/a0dbeccbe4728ec437cc65ca91ba33a1.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/a0dbeccbe4728ec437cc65ca91ba33a1.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">4.</span><span style="font-size: 14px;">点击“特效面板”中的"确定"按钮，就完成制作了</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.素材中使用的图片需要尺寸一致；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.<span style="font-size: 14px;">遮盖图应该使用大部分是透明底的png图片，这样效果会明显。</span></span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">您可以继续编辑文章了，编辑之后可以通过以下两种方法发送到公众号后台。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">1.点击左侧的“复制全文“按钮，提示复制成功后，在公众号的文章编辑页面，按键盘快捷键“Ctrl+V”粘贴；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">2.点击右侧按钮的“云端保存“，然后点击”同步微信“把素材同步到公众号后台。(建议编辑完整篇文章之后再同步，否则同步之后在公众号后台，可能无法继续编辑特效素材)</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.如果发送到公众号后台的时候没有效果，请查看“<span style="font-size: 14px; color: rgb(255, 0, 0);">特效失效的解决方法</span>”</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.点击素材，可以在“样式”面板上点击“前空行”或“后空行”来前后增加段落，然后插入其他素材来继续编辑内容。</span></p>
<p><strong><span style="font-size: 18px;"></span></strong></p><p></p><div class="text-jpmeditor" draggable="true"><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; text-align: center;"><span style="max-width: 100%; font-size: 12px; background-color: rgb(255, 99, 71); color: rgb(255, 255, 255); cursor: move !important;">遮层不动滑动背景图</span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal;"><span style="max-width: 100%; font-size: 12px; cursor: move !important;">1.点击图片，弹出“样式”工具条，点击“特效”按钮可以换前景图、遮层显示面积、背景图</span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal;"><span style="max-width: 100%; font-size: 12px; cursor: move !important;">2.修改特效高度可以修改素材尺寸，推荐所有图片使用同样尺寸，遮罩图需使用透明底的png图片。</span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal;"><span style="max-width: 100%; font-size: 12px; cursor: move !important;">3.此素材<span style="max-width: 100%; color: rgb(255, 106, 106); cursor: move !important;">仅支持同步</span>，不支持复制</span></p></div><p></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">滑动素材，前面的遮罩图片位置不动，背景图可以滑动，十分文艺。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "></span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材难度系数：★★★</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">支持图片数量：滑动图没什么限制，不要传太多。前景图=1。遮盖图=1</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材效果评价：★<span style="font-size: 12px; white-space: normal;">★★</span></span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.在左侧素材区，找到对应的素材，鼠标左键点击素材，让它出现在编辑区。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/0a93e8b38cd80830f447ea2c74a44df6.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/0a93e8b38cd80830f447ea2c74a44df6.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.在右侧编辑区点击素材，在弹出的“样式”面板上，点击“特效”按钮。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg" title="" alt="" _src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg"/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">3.</span><span style="font-size: 14px;">在“特效面板”向下稍稍滚动鼠标，可以看到“特效面板”中的</span><span style="font-size: 14px;">“添加图片”按钮，点击它就可以上传自己的"滑动图片"。<span style="font-size: 14px; white-space: normal;">点击红"X"，可以删除素材中原有的图片。</span></span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/e5ec85a0150d728cbbda8235b4dc7ec0.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/e5ec85a0150d728cbbda8235b4dc7ec0.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">4.<span style="font-size: 14px;"><span style="font-size: 14px; white-space: normal;">点击“替换前景图”，上传自己的前景图片。<span style="font-size: 14px; white-space: normal;">点击“替换遮盖图”，上传自己的遮盖图片。</span></span></span></span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/b7b352464f85c26e9fed135addcb4a49.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/b7b352464f85c26e9fed135addcb4a49.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">5.点击“特效面板”中的"确定"按钮，就完成制作了</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.素材中使用的图片需要尺寸一致；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.此素材不支持复制，<span style="font-size: 14px; color: rgb(255, 0, 0);">仅支持同步</span>；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">3.使用竖版图片可以在“特效面板”通过修改“特效高度”的数值实现，注意数值是相对值，不是绝对值，觉得大了就改小，觉得小了就改大就可以了；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">4.遮盖图需要使用透明底的png图片。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">您可以继续编辑文章了，编辑之后可以通过以下两种方法发送到公众号后台。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">1.点击左侧的“复制全文“按钮，提示复制成功后，在公众号的文章编辑页面，按键盘快捷键“Ctrl+V”粘贴。（<span style="font-size: 14px; color: rgb(255, 0, 0);">此素材不支持此方法</span>）</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">2.点击右侧按钮的“云端保存“，然后点击”同步微信“把素材同步到公众号后台。(建议编辑完整篇文章之后再同步，否则同步之后在公众号后台，可能无法继续编辑特效素材)</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.如果发送到公众号后台的时候没有效果，请查看“<span style="font-size: 14px; color: rgb(255, 0, 0);">特效失效的解决方法</span>”</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.点击素材，可以在“样式”面板上点击“前空行”或“后空行”来前后增加段落，然后插入其他素材来继续编辑内容。</span></p>
<p></p><div class="text-jpmeditor" act="jpm"><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; text-align: center;"><span style="max-width: 100%; color: rgb(0, 0, 0); cursor: move !important;"><span style="max-width: 100%; font-size: 12px; background-color: rgb(255, 106, 106); color: rgb(255, 255, 255); cursor: move !important;">左滑出现文字</span></span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; "><span style="max-width: 100%; font-size: 12px; color: rgb(0, 0, 0); cursor: move !important;">1.点击图片，在弹出的“样式"工具栏上，点击“特效”按钮，可以换图</span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; "><span style="max-width: 100%; font-size: 12px; color: rgb(0, 0, 0); cursor: move !important;">2.简单使用，可以直接左滑素材可以修改出现的文字</span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; "><span style="max-width: 100%; font-size: 12px; color: rgb(0, 0, 0); cursor: move !important;">3.<span style="max-width: 100%; font-size: 12px; color: rgb(255, 69, 0); cursor: move !important;">高级使用</span>，可以把其他特效素材的代码复制进去实现<span style="max-width: 100%; font-size: 12px; color: rgb(255, 69, 0); cursor: move !important;"><span style="max-width: 100%; font-size: 12px; cursor: move !important;">复合特</span>效</span>的效果</span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; "><span style="max-width: 100%; font-size: 12px; color: rgb(0, 0, 0); cursor: move !important;"></span></p><p style="min-height: auto; white-space: normal;"><span style="font-size: 12px;">具体步骤：</span></p><p style="min-height: auto; white-space: normal;"><span style="font-size: 12px;">1.先排版好第二页的内容，然后点击上方按钮区第一个按钮“html”切换成源代码模式</span></p><p style="min-height: auto; white-space: normal;"><span style="font-size: 12px;">2.复制到记事本，然后清空编辑区内容，点击素材，弹出的“样式”工具条，点击“特效”，然后把代码复制到面板的“文本内容”</span></p></div><p></p><p><strong style="font-size: 18px;">效果详解</strong><br/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">滑动素材之后，可以出现文字内容，既可以简单的输入文字，也可以加入其他素材代码。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "></span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材难度系数：★</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">支持图片数量：1</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材效果评价：★★</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;"><span style="margin: 0px; padding: 0px; outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.9); font-family: system-ui, -apple-system, BlinkMacSystemFont, " helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" white-space:="" background-color:="" text-align:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">首先电脑浏览器访问“键盘喵速排”，网址是</span>www.jianpanmiao.com</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.在左侧素材区，找到对应的素材，鼠标左键点击素材，让它出现在编辑区。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230915/2bb6bb23705e8cd1818e1f30319452f0.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230915/2bb6bb23705e8cd1818e1f30319452f0.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.在右侧编辑区点击素材，在弹出的“样式”面板上，点击“特效”按钮。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230915/81bbd213834d4463dc62263439881203.jpg" title="" alt="" _src="http://sdn.jianpanmiao.com/uploads/20230915/81bbd213834d4463dc62263439881203.jpg"/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">3.<span style="font-size: 14px;">找到“特效面板”中的</span><span style="font-size: 14px;">“替换背景图”按钮，点击它就可以上传自己的背景图片了。</span>在文本内容中输入自己的文字内容，就可以更改滑动之后出现的文字内容。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230915/9e4738d3b4e00137c1bd0506545525a2.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230915/9e4738d3b4e00137c1bd0506545525a2.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">4.</span><span style="font-size: 14px;">点击“特效面板”中的"确定"按钮，就完成制作了</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.<span style="font-size: 14px;"></span>使用竖版图片正常上传即可，特效高度会根据素材里面的首张图片自动调整素材高度。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; color: rgb(255, 0, 0);">高级应用：</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;"><span style="font-size: 14px;"></span></span></p><p style="white-space: normal; min-height: auto; max-width: 100%; color: rgb(62, 62, 62);"><span style="color: rgb(0, 0, 0); font-size: 12px;">把其他特效素材的代码复制进去实现</span><span style="font-size: 12px; max-width: 100%; color: rgb(255, 69, 0); cursor: move !important;"><span style="max-width: 100%; cursor: move !important;">复合特</span>效</span><span style="color: rgb(0, 0, 0); font-size: 12px;">的效果</span><br/></p><p style="white-space: normal; min-height: auto; max-width: 100%; color: rgb(62, 62, 62);"><span style="max-width: 100%; font-size: 12px; color: rgb(0, 0, 0); cursor: move !important;"></span></p><p style="white-space: normal; min-height: auto;"><span style="font-size: 12px;">具体步骤：</span></p><p style="white-space: normal; min-height: auto;"><span style="font-size: 12px;">1.先排版好第二页的内容，然后点击上方按钮区第一个按钮“html”切换成源代码模式</span></p><p style="white-space: normal; min-height: auto;"><span style="font-size: 12px;">2.复制到记事本，然后清空编辑区内容，点击素材，弹出的“样式”工具条，点击“特效”，然后把代码复制到面板的“文本内容”</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">您可以继续编辑文章了，编辑之后可以通过以下两种方法发送到公众号后台。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">1.点击左侧的“复制全文“按钮，提示复制成功后，在公众号的文章编辑页面，按键盘快捷键“Ctrl+V”粘贴；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">2.点击右侧按钮的“云端保存“，然后点击”同步微信“把素材同步到公众号后台。(建议编辑完整篇文章之后再同步，否则同步之后在公众号后台，可能无法继续编辑特效素材)</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.如果发送到公众号后台的时候没有效果，请查看“<span style="font-size: 14px; color: rgb(255, 0, 0);">特效失效的解决方法</span>”</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.点击素材，可以在“样式”面板上点击“前空行”或“后空行”来前后增加段落，然后插入其他素材来继续编辑内容。</span></p>
<p></p><div class="text-jpmeditor" draggable="true"><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; text-align: center;"><span style="color:#ffffff;max-width: 100%; cursor: move !important;"><span style="max-width: 100%; font-size: 12px; background-color: rgb(255, 106, 106); cursor: move !important;">向左滑动背景</span></span></p><p style="min-height: auto; max-width: 100%; color: rgb(62, 62, 62); white-space: normal;"><span style="max-width: 100%; font-size: 12px; color: rgb(34, 34, 34); cursor: move !important;">1.点图片，弹出“样式”工具栏，点“特效”按钮可以更换图片，上传图片尺寸应一致。前景图片不变，背景移动</span></p></div><p></p><p><strong style="font-size: 18px;">效果详解</strong><br/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">滑动素材之后，前景图是固定不变的，背景图跟随手指滑动，支持多图，支持竖版图片。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "></span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材难度系数：★★★</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">支持图片数量：滑动图没什么限制，不要传太多。中间图=1</span></p><p style="margin-bottom: 15px; white-space: normal; line-height: 1.5em;"><span style="font-size: 12px;">素材效果评价：★★★★</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;"><span style="margin: 0px; padding: 0px; outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.9); font-family: system-ui, -apple-system, BlinkMacSystemFont, " helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" white-space:="" background-color:="" text-align:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">首先电脑浏览器访问“键盘喵速排”，网址是</span>www.jianpanmiao.com</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.在左侧素材区，找到对应的素材，鼠标左键点击素材，让它出现在编辑区。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/ab1d7c96706de6ea9a2a686f8e659727.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/ab1d7c96706de6ea9a2a686f8e659727.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.在右侧编辑区点击素材，在弹出的“样式”面板上，点击“特效”按钮。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg" title="" alt="" _src="http://sdn.jianpanmiao.com/uploads/20230502/81bbd213834d4463dc62263439881203.jpg"/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">3.<span style="font-size: 14px;"></span>在“特效面板”向下稍稍滚动鼠标，可以看到“特效面板”中的“添加图片”按钮，点击它就可以上传自己的"滑动背景图片"。点击红"X"，可以删除素材中原有的图片。点击“替换中间图”可以替换掉一直显示的图片。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><img src="http://sdn.jianpanmiao.com/uploads/20230502/df10a815863330c537fd1aaa339e4137.jpg" title="" _src="http://sdn.jianpanmiao.com/uploads/20230502/df10a815863330c537fd1aaa339e4137.jpg" alt=""/></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">4.</span><span style="font-size: 14px;">点击“特效面板”中的"确定"按钮，就完成制作了</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.<span style="font-size: 14px;"></span>使用竖版图片正常上传即可，特效高度会根据素材里面的首张图片自动调整素材高度；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.<span style="font-size: 14px;">前图应该使用大部分是透明底的png图片，这样效果会明显。</span></span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">您可以继续编辑文章了，编辑之后可以通过以下两种方法发送到公众号后台。</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">1.点击左侧的“复制全文“按钮，提示复制成功后，在公众号的文章编辑页面，按键盘快捷键“Ctrl+V”粘贴；</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, ">2.点击右侧按钮的“云端保存“，然后点击”同步微信“把素材同步到公众号后台。(建议编辑完整篇文章之后再同步，否则同步之后在公众号后台，可能无法继续编辑特效素材)</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">1.如果发送到公众号后台的时候没有效果，请查看“<span style="font-size: 14px; color: rgb(255, 0, 0);">特效失效的解决方法</span>”</span></p><p style="text-align: left; margin-bottom: 15px; line-height: 1.5em;"><span style="font-size: 14px;">2.点击素材，可以在“样式”面板上点击“前空行”或“后空行”来前后增加段落，然后插入其他素材来继续编辑内容。</span></p>
讯享网
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/144142.html